Merge branch 'ui-fixes' into 'v3'

Ui fixes

See merge request openflexure/openflexure-microscope-server!276

src/openflexure_microscope_server/things/smart_scan.py

@@ -40,7 +40,7 @@ BackgroundDep = direct_thing_client_dependency(
     BackgroundDetectThing, "/background_detect/"
 )
 
-IMAGE_REGEX = re.compile(r"-?[0-9]+_-?[0-9]+\.jpeg$")
+IMAGE_REGEX = re.compile(r"-?[0-9]+_-?[0-9]+\.jpe?g$")
 
 
 class NotEnoughFreeSpaceError(IOError):

webapp/src/components/appContent.vue

@@ -212,27 +212,27 @@ export default {
     topTabs: function() {
       let tabs = [
         {
-          id: "View",
+          id: "view",
           icon: "visibility",
           component: viewContent
         },
         {
-          id: "Navigate",
+          id: "navigate",
           icon: "gamepad",
           component: navigateContent
         },
         {
-          id: "Background Detect",
+          id: "background detect",
           icon: "background_replace",
           component: backgroundDetectContent
         },
         {
-          id: "Slide Scan",
+          id: "slide scan",
           icon: "settings_overscan",
           component: slideScanContent
         },
         {
-          id: "Scan List",
+          id: "scan list",
           icon: "photo_library",
           component: ScanListContent
         }

webapp/src/components/genericComponents/tabIcon.vue

@@ -103,6 +103,7 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 85%;
+  text-transform: capitalize;
 }
 
 a:hover,