frontend fixes

resources/js/components/FilesView/FilePreviewToolbar.vue

@@ -12,7 +12,7 @@
 		</div>
 
 		<div class="created-at-wrapper">
-			<p>{{ clipboard[0].filesize }}, {{ clipboard[0].created_at }}</p>
+			<p>{{ clipboard[0].filesize ? clipboard[0].filesize + ', ' : '' }}{{ clipboard[0].created_at }}</p>
 		</div>
 
 		<div class="navigation-icons">

resources/js/components/FilesView/ToolbarButton.vue

@@ -77,15 +77,7 @@
 @import "@assets/vuefilemanager/_mixins";
 
 .preview-sorting {
-    svg {
-        width: 19px;
-        height: 19px;
-
-    }
-
-    rect, line {
-        @include transition(150ms);
-    }
+	transform: scale(1.3);
 }
 
 .button {

resources/js/components/Sidebar/SidebarNavigation.vue

@@ -14,7 +14,7 @@
                 </div>
             </router-link>
 
-            <a @click="goToInvoice" title="Invoices" :class="{'is-active': $isThisRoute($route, invoiceRoutes)}" class="icon-navigation-item shared">
+            <a @click="goToInvoice" title="Invoices" :class="{'is-active': $isThisRoute($route, invoiceRoutes)}" class="icon-navigation-item invoice">
                 <div class="button-icon">
                     <file-text-icon size="19" />
                 </div>
@@ -80,12 +80,14 @@
         data() {
             return {
 				invoiceRoutes: [
-					'InvoicesList',
+					'BillingProfileSetUp',
 					'BillingProfile',
-					'CreateClient',
-					'CreateInvoice',
-					'ClientDetail',
 					'ClientInvoices',
+					'CreateInvoice',
+					'InvoicesList',
+					'CreateClient',
+					'ClientDetail',
+					'EditInvoice',
 				],
                 adminRoutes: [
                     'AppSettings',
@@ -200,6 +202,16 @@
                 }
             }
 
+			&.invoice {
+				.button-icon {
+					background: rgba($yellow, 0.1);
+
+					path, line, polyline, rect, circle {
+						stroke: $yellow;
+					}
+				}
+			}
+
             &.trash {
                 .button-icon {
                     background: rgba($red, 0.1);