web: small tweaks to style, dependencies.

web/src/services/logging/console-log-appender.ts

@@ -16,6 +16,7 @@ export class ConsoleLogAppender implements LogAppender {
     let logMethod = console.log;
     switch (msg.level) {
       case LogLevel.ALL:    logMethod = console.log; break;
+      case LogLevel.TRACE:  logMethod = console.log; break;
       case LogLevel.DEBUG:  logMethod = console.debug; break;
       case LogLevel.LOG:    logMethod = console.log; break;
       case LogLevel.INFO:   logMethod = console.info; break;

web/src/store-modules/auth.ts

@@ -30,7 +30,8 @@ export class AuthStoreModule extends VuexModule {
 
     // this should be guaranteed by the server (redirect HTTP -> HTTPS)
     // but we'll do a sanity check just to make sure.
-    if (window.location.protocol === 'https:') {
+    if (window.location.protocol === 'https:' ||
+        process.env.NODE_ENV === 'development') { // allow in dev
       localStorage.setItem(SESSION_KEY, authToken);
     }
 

web/src/store-modules/measure.ts

@@ -6,7 +6,7 @@ import {
   MutationAction,
   VuexModule
 } from 'vuex-module-decorators';
-import { keyBy } from 'lodash';
+import keyBy from 'lodash.keyby';
 import { User, Measure, MeasureConfig } from '@/models';
 import api from '@/services/pm-api-client';
 

web/src/styles/ui-common.scss

@@ -33,8 +33,7 @@
   padding: .5em 1em;
 }
 
-a.btn,
-a.btn-action { text-decoration: none; }
+a.btn, a.btn-action { text-decoration: none; }
 
 .header,
 .header-action {
@@ -48,6 +47,7 @@ a.btn-action { text-decoration: none; }
   justify-content: space-between;
 
   & > * { display: inline-block; }
+
   & > .btn, & > .btn-action { font-size: inherit; }
 }
 
@@ -56,7 +56,6 @@ a.btn-action { text-decoration: none; }
 form {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
 
   label {
     display: inline-block;

web/src/views/measures.scss

@@ -13,10 +13,11 @@
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  justify-content: space-evenly;
 
   .measure-summary {
     height: 12rem;
+    margin-right: 2rem;
+    margin-bottom: 2rem;
     width: 12rem;
   }
 }

web/src/views/new-measure.scss

@@ -1,16 +1,12 @@
 @import '~@/styles/vars';
 
+form {
+  justify-content: space-between;
+}
+
 input,
 select,
 textarea {
-//  background-color: $bg-primary;
-
-/*
-  &::placeholder {
-    color: $fg-primary;
-    opacity: 1;
-  }
-*/
   border: solid thin $color1;
   border-radius: 4px;
 }