Improved mobile UI

assets/sass/_nav.sass → assets/sass/_navigation.sass

@@ -17,6 +17,9 @@ nav
     li
       display: block
       line-height: 24px
+      .images, .albums
+        @media (max-width: 640px)
+          display: none
       &.title, &.title > *
         font-size: 24px
         color: #FFC107

assets/sass/style.sass

@@ -29,7 +29,7 @@ body
   width: 100%
   max-width: 640px
 
-@import "nav"
+@import "navigation"
 @import "page_upload"
 @import "page_image_detail"
 @import "page_image_list"

templates/_navigation.html

@@ -7,8 +7,8 @@
     {{end}}
         <li class="spacer"></li>
     {{if .HasRole "imghost:user" }}
-        <li><a href="/me/images">My Images</a></li>
-        <li><a href="/me/albums">My Albums</a></li>
+        <li class="images"><a href="/me/images">My Images</a></li>
+        <li class="albums"><a href="/me/albums">My Albums</a></li>
         <li class="me"><a href="https://accounts.kuschku.de/profile">{{.Name}}</a></li>
     {{else if .Id }}
         <li class="me"><a href="https://accounts.kuschku.de/profile">{{.Name}}</a></li>