change padding menu for tablet display

f69c0c7d · Corentin Bettiol · 930c3774 · f69c0c7d · f69c0c7d
Commit f69c0c7d authored Mar 15, 2019 by Corentin Bettiol 💻
Hide whitespace changes
Inline Side-by-side

Showing with 7 additions and 4 deletions

design.css css/design.css +2 -4

layout.php site/layout/layout.php +5 -0

No files found.
--- a/css/design.css
+++ b/css/design.css
@@ -395,12 +395,10 @@ Media Queries
 		text-align: center;
 		padding: 0;
 	}
-	#listMenu a{
-		padding-bottom: 5px;
-	}
 	#listMenu a:hover{
-		padding-bottom: 0;
+		padding-bottom: 2px;
 	}
+
 }

 @media all and (max-width: 500px){

--- a/site/layout/layout.php
+++ b/site/layout/layout.php
@@ -18,6 +18,11 @@
 			background-color: #e3e3e3;
 			padding: 7px;
 		}
+		@media all and (max-width: 700px){
+			#listMenu a{
+				padding: 2px 2px 7px 2px;
+			}
+		}
 		@media all and (min-width: 500px){
 			#listMenu .selected{
 				padding-bottom: 2px;