diff --git a/index.html b/index.html
index 348d653968f0ad421d6c2378f0b6a25e9633130c..0678ffca5544bad4e926c8aeee6f080e80ceaf45 100644
--- a/index.html
+++ b/index.html
@@ -2,85 +2,95 @@
 <html lang="en">
 
 <head>
-    <meta charset="utf-8">
-    <meta name="format-detection" content="telephone=no">
-	<meta name="msapplication-tap-highlight" content="no">
-	<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
-
-  <!--meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' https://code.jquery.com 'unsafe-inline' 'unsafe-eval'; media-src *; img-src 'self' http://opencache.statkart.no ; connect-src 'self' http://logic.vips.nibio.no   https://logic.vips.nibio.no  http://vipslogic-local.no  https://opencache.statkart.no;"-->
-<meta http-equiv="Content-Security-Policy" content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';worker-src blob:;connect-src 'self' *">
-    <meta name="description" content="">
-    <meta name="author" content="Tor-Einar Skog">
-    <title>VIPS Feltobservasjoner</title>
-    <!-- Bootstrap core CSS -->
-    <link href="static/css/bootstrap.min.css" rel="stylesheet">
-    <!-- Custom styles for this Boostrap template -->
-    <link href="static/css/offcanvas.css" rel="stylesheet">
-	<!-- Custom styles for this app -->
-	<link href="static/css/vipsobsapp.css" rel="stylesheet">
-
-<style>
-html, body {
-    overflow-x: inherit !important
-}
-
-.dropdown-menu{
-    transform: translate3d(5px, 35px, 0px)!important;
-}
-
-</style>
-
+  <meta charset="utf-8">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+  <meta name="viewport"
+        content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
+
+  <meta http-equiv="Content-Security-Policy"
+        content="default-src * data: blob: 'unsafe-inline' 'unsafe-eval';worker-src blob:;connect-src 'self' *">
+  <meta name="description" content="">
+  <meta name="author" content="Tor-Einar Skog">
+  <title>VIPS Feltobservasjoner</title>
+  <!-- Bootstrap core CSS -->
+  <link href="static/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom styles for this Boostrap template -->
+  <link href="static/css/offcanvas.css" rel="stylesheet">
+  <!-- Custom styles for this app -->
+  <link href="static/css/vipsobsapp.css" rel="stylesheet">
+
+  <style>
+    html, body {
+      overflow-x: inherit !important
+    }
+    .dropdown-menu {
+      transform: translate3d(5px, 35px, 0px) !important;
+    }
+  </style>
 </head>
 
 <body class="bg-light">
 
 <nav class="navbar fixed-top navbar-dark bg-dark" id="vipsobsappmenu">
-
   <router-link class="navbar-brand" to="/">
-
-  <img src="static/css/images/logo_vips_hvit.png" style="height: 27px; position: relative; top: -3px; margin-left:10px; margin-right: 15px"/><span id="appHeader" ></span></router-link>
+    <img src="static/css/images/logo_vips_hvit.png"
+         style="height: 27px; position: relative; top: -3px; margin-left:10px; margin-right: 15px"/><span
+    id="appHeader"></span></router-link>
   <button class="navbar-toggler border-0" type="button" onclick="$('.offcanvas-collapse').toggleClass('open');">
     <span class="navbar-toggler-icon" id="navbarTogglerIcon"></span>
   </button>
 
   <div class="navbar-collapse offcanvas-collapse" id="menuContainer">
     <!-- The login part of the app (LoginSystem.vue) is mounted here -->
-    <login-system ></login-system>
-  <hr/>
+    <login-system></login-system>
+    <hr/>
     <ul v-if="sharedState.uuid != '' && sharedState.uuid" class="navbar-nav me-auto">
       <li class="nav-item">
-        <router-link class="nav-link" to="/" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("observationlist.heading")}}</router-link>
+        <router-link class="nav-link" to="/" onclick="$('.offcanvas-collapse').toggleClass('open')">
+          {{ $t("observationlist.heading") }}
+        </router-link>
       </li>
       <li class="nav-item">
-        <router-link class="nav-link" to="/observationTimeSeriesList" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("observationTimeSeriesList.heading")}}</router-link>
+        <router-link class="nav-link" to="/observationTimeSeriesList"
+                     onclick="$('.offcanvas-collapse').toggleClass('open')">
+          {{ $t("observationTimeSeriesList.heading") }}
+        </router-link>
       </li>
       <li class="nav-item">
-        <router-link class="nav-link" to="/places" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("placeslist.heading")}}</router-link>
+        <router-link class="nav-link" to="/places" onclick="$('.offcanvas-collapse').toggleClass('open')">
+          {{ $t("placeslist.heading") }}
+        </router-link>
       </li>
-	<li class="nav-item">
-        <router-link class="nav-link" to="/cropCategory" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("cropcategory")}}</router-link>
+      <li class="nav-item">
+        <router-link class="nav-link" to="/cropCategory" onclick="$('.offcanvas-collapse').toggleClass('open')">
+          {{ $t("cropcategory") }}
+        </router-link>
       </li>
       <li class="nav-item">
-          <a class="vips-btn" data-toggle="collapse" href="#divAbout" aria-expanded="false" aria-controls="divAbout">{{ $t("about.header")}}</a>
-          <div class="collapse" id="divAbout">
-			<div v-html="$t('about.text')"></div>
-            <br>
-			{{ $t("about.version") }}: {{ version }}
-          </div>
+        <a class="vips-btn" data-toggle="collapse" href="#divAbout" aria-expanded="false"
+           aria-controls="divAbout">{{ $t("about.header") }}</a>
+        <div class="collapse" id="divAbout">
+          <div v-html="$t('about.text')"></div>
+          <br>
+          {{ $t("about.version") }}: {{ version }}
+        </div>
       </li>
-
     </ul>
-
   </div>
 </nav>
 
 <!-- This is where the main app (governed by the router) is mounted -->
 <main id="app"/>
 
-<script src="static/js/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-<script>window.jQuery || document.write('<script src="static/js/jquery-3.5.1.slim.min.js"><\/script>')</script><script src="static/js/bootstrap.bundle.min.js"></script><script src="static/js/popper.min.js"></script>
+<script src="static/js/jquery-3.5.1.slim.min.js"
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+        crossorigin="anonymous"></script>
+<script>window.jQuery || document.write('<script src="static/js/jquery-3.5.1.slim.min.js"><\/script>')</script>
+<script src="static/js/bootstrap.bundle.min.js"></script>
+<script src="static/js/popper.min.js"></script>
 <script src="static/js/offcanvas.js"></script>
 <script src="cordova.js"></script>
 
-  </body>
+</body>
 </html>