[Xfce4-commits] Improve sizing on small devices.

[Nick Schermer]

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

commit e98c5dbaaee403a9a22216e1b3117a35d7f102a1
Author: Nick Schermer <n...@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;
 }
+
+@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;
+       }
+}
_______________________________________________
Xfce4-commits mailing list
Xfce4-commits@xfce.org
https://mail.xfce.org/mailman/listinfo/xfce4-commits