Style fixes

client/core/src/components/snackbar/snackbar.js

@@ -26,7 +26,7 @@ export default class Controller extends Component {
             this.hide();
             this.onTransitionEnd();
         }
-        
+
         this.clearTimeouts();
         this.shown = true;
         this.textNode.textContent = data.message;

client/core/src/components/snackbar/style.scss

@@ -41,9 +41,8 @@ vn-snackbar > div {
         background-color: transparent;
         font-weight: bold;
         color: $main-01;
-        padding: 1em;
+        padding: .5em;
-        margin: -1em;
+        margin: -.5em;
-        padding-left: 1.5em;
+        margin-left: .5em;
-        margin-left: 0;
     }
 }

client/item/src/create/index.html

@@ -20,7 +20,10 @@
                     value-field="id"
                     field="$ctrl.item.typeFk"
                     where="{or: [{code: {regexp: 'search'}}, {name: {regexp: 'search'}}]}">
-                    <tpl-item>{{code}} : {{name}}</tpl-item>
+                    <tpl-item style="display: flex;">
+                        <div style="width: 3em; padding-right: 1em;">{{::code}}</div>
+                        <div>{{::name}}</div>
+                    </tpl-item>
                 </vn-autocomplete>
                 <vn-autocomplete vn-one
                     url="/item/api/Intrastats"
@@ -29,7 +32,10 @@
                     value-field="id"
                     field="$ctrl.item.intrastatFk"
                     where="{or: [{id: {regexp: 'search'}}, {description: {regexp: 'search'}}]}">
-                    <tpl-item>{{id}} : {{description}}</tpl-item>
+                    <tpl-item style="display: flex;">
+                        <div style="width: 6em; text-align: right; padding-right: 1em;">{{::id}}</div>
+                        <div>{{::description}}</div>
+                    </tpl-item>
                 </vn-autocomplete>
             </vn-horizontal>
             <vn-horizontal>

client/item/src/data/index.html

@@ -32,7 +32,10 @@
                 field="$ctrl.item.intrastatFk"
                 where="{or: [{id: {regexp: 'search'}}, {description: {regexp: 'search'}}]}"
                 initial-data="$ctrl.item.intrastat">
-                <tpl-item>{{id}} : {{description}}</tpl-item>
+                <tpl-item style="display: flex;">
+                    <div style="width: 6em; text-align: right; padding-right: 1em;">{{::id}}</div>
+                    <div>{{::description}}</div>
+                </tpl-item>
             </vn-autocomplete>
             <vn-textfield vn-one label="Relevancy" field="$ctrl.item.relevancy" type="number"></vn-textfield>
         </vn-horizontal>
@@ -45,13 +48,19 @@
                 field="$ctrl.item.originFk"
                 initial-data="$ctrl.item.origin">
             </vn-autocomplete>
+            <vn-textfield
+                vn-one
+                label="Reference"
+                field="$ctrl.item.description">
+            </vn-textfield>
+        </vn-horizontal>
+        <vn-horizontal>
             <vn-autocomplete vn-one
                 url="/item/api/Expences"
                 label="Expence"
                 field="$ctrl.item.expenceFk"
                 initial-data="$ctrl.item.expence">
             </vn-autocomplete>
-            <vn-textfield vn-one label="Reference" field="$ctrl.item.description"></vn-textfield>
         </vn-horizontal>
     </vn-card>
     <vn-button-bar>

client/salix/src/styles/misc.scss

@@ -4,7 +4,6 @@
 @import "./border";
 @import "./effects";
 
-
 a:focus,
 input:focus,
 button:focus
@@ -161,7 +160,6 @@ vn-main-block {
         }
         & > a {
             @extend %clickable;
-
             display: flex;
             align-items: center;
             padding: .5em;
@@ -218,15 +216,21 @@ vn-main-block {
         }
     }
 }
+
 /** START - FORM ELEMENTS DISABLED **/
-fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input, 
+
-fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label {
+fieldset[disabled] .mdl-textfield .mdl-textfield__input,
+fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
+.mdl-textfield.is-disabled .mdl-textfield__input, 
+.mdl-checkbox.is-disabled .mdl-checkbox__label {
     border: none !important;
     color: inherit !important;
 }	
-fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
+fieldset[disabled] .mdl-textfield .mdl-textfield__label,
+.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
     color: $main-01 !important;
 }
+
 /** END - FORM ELEMENTS DISABLED **/
 
 .ellipsize {