Merge pull request #37 from prateekjadhwani/fixes

Small tab mobile fixes
thewebplatform · Jul 25, 2015 · 5511c91 · 5511c91
2 parents 85b0620 + dbce325
commit 5511c91
Showing 1 changed file with 16 additions and 6 deletions.
diff --git a/app/styles/app-theme.html b/app/styles/app-theme.html
@@ -134,9 +134,7 @@
 		margin-top: 18px;
 		margin-left: 50px;
 	}
-	paper-tab {
-		min-width: 150px;
-	}
+
   /* Breakpoints */
 
   /* Small */
@@ -172,6 +170,16 @@
 		.multicol.universal-footer [multicol] > [col] {
 			flex: auto;
 		}
+
+		paper-tabs {
+			width: 100%;
+			margin-left: 0;
+		}
+
+
+		paper-tab {
+			min-width: calc( 30% - 11px );
+		}
 
   }
 
@@ -201,6 +209,10 @@
 		.multicol.universal-footer [multicol] > [col] {
 			flex: 1;
 		}
+
+		paper-tab {
+			min-width: 150px;
+		}
 
   }
 
@@ -227,9 +239,7 @@
 			font-size: 20px;
 		}
 
-		paper-toolbar paper-tabs {
-			display: none;
-		}
+
 	}
   /* mobile-small-landscape */
   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }