From e60e83b04ba2c1b47a4139b1353173ce8a1ca33d Mon Sep 17 00:00:00 2001
From: Arun Persaud <arun@nubati.net>
Date: Mon, 17 Mar 2014 22:32:25 -0700
Subject: [PATCH] LAYOUT: better layout for mobile devices

table and cards were too small
---
 css/standard.css | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

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 {
-- 
2.25.1