[Xfce4-commits] <www:master> Improve sizing on small devices.

[Nick Schermer]

Updating branch refs/heads/master
         to e98c5dbaaee403a9a22216e1b3117a35d7f102a1 (commit)
       from ff9bfb1a51f136ba27edde935b862b992c85cdd3 (commit)

commit e98c5dbaaee403a9a22216e1b3117a35d7f102a1
Author: Nick Schermer <nick at xfce.org>
Date:   Tue Jul 16 20:34:00 2013 +0200

    Improve sizing on small devices.

 style/mirrorbrain.css |   32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/style/mirrorbrain.css b/style/mirrorbrain.css
index 37d24f1..765298a 100644
--- a/style/mirrorbrain.css
+++ b/style/mirrorbrain.css
@@ -8,10 +8,10 @@ body {
 	margin: 0;
 }
 
-#mirrorbrain-wrap
-{
+#mirrorbrain-wrap {
 	max-width: 1000px;
-	margin: 20px auto;
+	margin: 12px auto;
+	padding: 0 6px;
 }
 
 #mirrorbrain-details {
@@ -32,9 +32,14 @@ body {
 	background-color: #eee;
 	border: 1px solid #ccc;
 	padding: 10px;
+	word-wrap: break-word;
 	margin-top: 1em;
 }
 
+#mirrorbrain-mirrors {
+	word-wrap: break-word;
+}
+
 #mirrorbrain-fileinfo h3 {
 	margin-top: 0;
 }
@@ -45,9 +50,9 @@ body {
 }
 
 .mirrorbrain-label {
-	width: 9em;
-	display: inline-block;
 	font-weight: bold;
+	display: inline-block;
+	min-width: 9em;
 }
 #mirrorbrain-fileinfo p {
 	margin-bottom: 10px;
@@ -132,3 +137,20 @@ table {
 	margin-top: 1em;
 	border-spacing: 0;
 }
+
+ at media screen and (max-width: 500px) {
+	#mirrorbrain-details {
+		padding: 1em .5em;
+	}
+	#mirrorbrain-wrap {
+		padding: 0;
+	}
+	tr td:nth-child(3),
+	tr th:nth-child(3) {
+		/* hide unimportant column */
+		display: none;
+	}
+	.mirrorbrain-label {
+		min-width: 0em;
+	}
+}