From: Arun Persaud <arun@nubati.net>
Date: Tue, 18 Mar 2014 05:32:25 +0000 (-0700)
Subject: LAYOUT: better layout for mobile devices
X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=commitdiff_plain;h=e60e83b04ba2c1b47a4139b1353173ce8a1ca33d;hp=dd925069d7ffca64f28017ec62e8ebe5abba5d32

LAYOUT: better layout for mobile devices

table and cards were too small
---

diff --git a/css/standard.css b/css/standard.css
index da3e5ae..781a143 100644
--- a/css/standard.css
+++ b/css/standard.css
@@ -299,8 +299,7 @@ hr {
 
   top: 30%;
   left: 37.5%;
-  right: 56.5%;
-  height: 40%;
+  width: 8%;
   z-index: 30;
 }
 .vorbehalt0 {
@@ -330,9 +329,8 @@ hr {
   /*border: 1px solid red;*/
 
   top: 0%;
-  left: 47%;
-  right: 47%;
-  height: 40%;
+  left: 46%;
+  width: 8%;
   text-align: center;
   z-index: 30;
 }
@@ -365,8 +363,7 @@ hr {
 
   top: 30%;
   right: 37.5%;
-  left: 56.5%;
-  height: 40%;
+  width: 8%;
   z-index: 30;
 }
 .vorbehalt2 {
@@ -397,9 +394,8 @@ hr {
   /*border: 1px solid red;*/
 
   bottom: 0%;
-  left: 47%;
-  right: 47%;
-  height: 40%;
+  left: 46%;
+  width: 8%;
   z-index: 30;
 }
 .tricks div div.card3 .score,
@@ -665,6 +661,19 @@ table.openid th {
     text-align: right;
     font-size: smaller;
   }
+  img.gravatar {
+    width: 3em;
+    height: 3em;
+  }
+  div.table img.table { width: 45%; }
+
+  .tricks div div.card0 img { width: 14%; }
+  .tricks div div.card1 img { width: 14%; left: 43%;}
+  .tricks div div.card2 img { width: 14%; }
+  .tricks div div.card3 img { width: 14%; left: 43%;}
+  .tricks div div.card0 img { left:  28%;}
+  .tricks div div.card2 img { right: 28%;}
+
 }
 
 img.grav {