improved tablet <= viewport display

Author: michaelchadwick

assets/css/card/root.css

@@ -95,7 +95,8 @@
 @media (min-width: 768px) {
   @media (min-height: 600px) {
     .card {
-      width: 55px;
+      height: 75px;
+      width: 60px;
     }
   }
 }
@@ -123,14 +124,14 @@
 @media (min-width: 768px) {
   @media (min-height: 600px) {
     .card-label {
-      font-size: 0.9rem;
+      font-size: 1rem;
     }
   }
 }
 @media (min-width: 992px) {
   @media (min-height: 600px) {
     .card-label {
-      font-size: 1rem;
+      font-size: 1.1rem;
     }
   }
 }

assets/css/card/tableau.css

@@ -106,7 +106,7 @@
 @media (min-width: 768px) {
   @media (min-height: 600px) {
     #tableau {
-      height: 185px;
+      height: 195px;
       max-width: 430px;
       padding-top: 5px;
     }

assets/css/card/user-cards.css

@@ -55,7 +55,7 @@
 @media (min-width: 768px) {
   #base,
   #stock {
-    width: 100px;
+    width: 110px;
   }
 }
 

assets/css/layout/root.css

@@ -352,7 +352,7 @@ section#game {
 @media (min-height: 600px) {
   @media (min-width: 768px) {
     section#game {
-      width: 480px;
+      width: 600px;
     }
   }
   @media (min-width: 992px) {