Commits

Vlad Riscutia committed 34a8570

Make menu easier to use on small screen

Comments (0)

Files changed (1)

tinkerer/themes/modern5/static/modern5.css_t

 header span { padding: 2px 20px 0; display: block; }
 
 nav { padding: 5px 0; }
+nav li.main-nav { padding: 10px 0; }
 
 div.documentwrapper { padding: 0 20px 10px; }
 div.related { padding: 20px 0 0; }
     header span { padding: 5px 40px 0; }
 
     nav { padding: 10px 0; }
+    nav ul { margin: 0 40px 0 20px; padding: 0; }
+    nav li.main-nav { margin: 0; padding: 0; }
+    nav li.main-nav a { padding: 0 20px; }
+    nav li.quicklink { padding: 0 0 0 10px; }
+    nav li.quicklink a { padding: 0; }
 
     div.documentwrapper { padding: 0 40px 20px; }
     div.related { padding: 40px 0 0; }
     div.archive_link { padding-top: 20px; text-align: center; }
 
     footer { padding: 10px 40px; }
-
-    nav ul { margin-right: 40px; padding: 0; }
-    nav li.main-nav { margin: 40px 0; }
-    nav li.main-nav a { padding: 0 40px; }
-    nav li.quicklink { padding: 0 0 0 10px; }
-    nav li.quicklink a { padding: 0; }
 }
 
 @media only screen and (min-width: 768px) {
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.