UX: Update navigation and splash screen styles

Signed-off-by: Michael Mayer <michael@liquidbytes.net>

assets/templates/app.tmpl

@@ -1,7 +1,7 @@
 <div id="photoprism" class="container{{if .config.SiteCaption}} theme-{{ .config.Settings.UI.Theme }}{{end}}">
   <noscript>
     <div id="noscript-info" class="splash-info">
-      <a href="https://enable-javascript.com/" target="_blank">Need help enabling JavaScript?</a>
+      <a href="https://enable-javascript.com/" target="_blank">Please enable JavaScript in your browser.</a>
     </div>
   </noscript>
   <div id="splash-info" class="has-js splash-info">

frontend/src/component/navigation.vue

@@ -100,8 +100,8 @@
               <img :src="appIcon" :alt="appName" :class="{'animate-hue': indexing}">
             </v-list-tile-avatar>
             <v-list-tile-content>
-              <v-list-tile-title class="title tm">
-                <strong>Photo</strong>Prism<span v-if="appName === 'PhotoPrism+'" class="plus">+</span><span v-else-if="appNameSuffix !== ''"> {{ appNameSuffix }}</span>
+              <v-list-tile-title class="title">
+                {{ appName }}
               </v-list-tile-title>
             </v-list-tile-content>
             <v-list-tile-action class="hidden-sm-and-down" :title="$gettext('Minimize')">

frontend/src/css/app.css

@@ -119,33 +119,6 @@ footer {
     line-height: 1.8em;
 }
 
-#photoprism .tm {
-    letter-spacing: normal;
-    font-weight: 500;
-}
-
-#photoprism .tm strong {
-    font-weight: 500;
-}
-
-#photoprism .tm sup,
-#photoprism .tm span {
-    letter-spacing: normal;
-}
-
-#photoprism .tm sup {
-    font-size: 9px;
-    font-weight: 600;
-    top: -9px;
-}
-
-#photoprism .tm sup.plus {
-    font-size: 17px;
-    font-weight: 500;
-    left: -1px;
-    top: -8px;
-}
-
 main {
     padding: 0;
     margin: 0;

frontend/src/css/navigation.css

@@ -176,8 +176,8 @@ nav .v-list__tile__title.title {
 }
 
 #photoprism .nav-menu .v-list__tile {
-    padding: 0 24px 0 24px;
-    height: 48px;
+    padding: 0 16px 0 16px;
+    height: 42px;
 }
 
 #photoprism .nav-menu .v-list__tile .v-list__tile__title {
@@ -190,7 +190,7 @@ nav .v-list__tile__title.title {
 }
 
 #photoprism .nav-menu .v-list__tile__content {
-    min-width: 114px;
+    min-width: 104px;
 }
 
 /*

frontend/src/css/splash.css

@@ -189,12 +189,7 @@
 
 #splash-info {
     display: none;
-    font-weight: bold;
-}
-
-#noscript-info {
-    display: block;
-    font-weight: bold;
+    font-weight: 400;
 }
 
 #loading-info {
@@ -214,3 +209,9 @@
     padding: 0;
     margin: 0;
 }
+
+#noscript-info {
+    display: block;
+    font-weight: 600;
+    font-size: 16px;
+}