ayanova/devdocs/todo.txt

@@ -72,6 +72,9 @@ LOADING CHECKING to short circuit rule checks when form is first loading
 
 Vuetify Inputs have a loading property, can that be used to super short circuit rule checking?
 
+CSS??
+=-=-
+I need to have my own .css file that is used by the app, right now there is no styling at all anywhere but the stock one
 
 
 

ayanova/src/assets/css/main.css

@@ -0,0 +1,3 @@
+.multi-line {
+    white-space: pre-line;
+  }

ayanova/src/main.js

@@ -11,12 +11,12 @@ import errorHandler from "./api/errorhandler";
 import NProgress from "nprogress";
 import "nprogress/nprogress.css";
 import gzdateandtimepicker from "./components/gzdateandtimepicker.vue";
-
 import dayjs from "dayjs";
 import lodash from "./libs/lodash.min.js";
 import locale from "./api/locale";
 import gzapi from "./api/apiutil";
 import gzvalidate from "./api/gzvalidate";
+import "@/assets/css/main.css";
 
 /////////////////////////////////////////////////////////////////
 // LIBS AND GLOBAL ITEMS

ayanova/src/views/inventory-widget-edit.vue

@@ -3,17 +3,18 @@
     <v-flex>
       <v-form ref="form">
         <v-layout align-center justify-left row wrap>
-          <!-- <v-flex xs12 px-2>
+          <!-- <v-flex xs12 mt-1 mb-2>
             <v-alert
               color="warning"
               icon="fa-exclamation-circle "
               value="true"
               transition="scale-transition"
               outline
-            >
-              <div style="word-wrap: break-word;">{{someerror}}</div>
+              class="multi-line"
+            >            
+             {{someerror}}
             </v-alert>
-          </v-flex> -->
+          </v-flex>           -->
           <v-flex xs12 mt-1 mb-2>
             <v-alert
               ref="errorbox"
@@ -22,8 +23,10 @@
               icon="fa-exclamation-circle "
               value="true"
               transition="scale-transition"
+              class="multi-line"
               outline
-            ><pre>{{this.$gzv.ErrorBoxErrors(this)}}</pre></v-alert>
+            >{{this.$gzv.ErrorBoxErrors(this)}}
+            </v-alert>
           </v-flex>
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-text-field