responsive

components/FooterBar.vue

@@ -92,7 +92,6 @@
             x-small
             dark
             outlined
-            :style="{ 'background-color': hover ? '#26c !important;' : '#999 !important;' }"
           >
             <v-icon class="icon-social">
               mdi-facebook
@@ -179,7 +178,7 @@ export default {
     align-items: center !important;
   }
 .btn-social {
-    border: #999 solid;
+    border: #999 solid ;
   }
 .icon-social {
     color: #999 !important;

components/user/Header.vue

@@ -130,7 +130,7 @@
           <v-divider vertical inset />
           <div id="menu-activator" class="cart" plain v-bind="attrs" v-on="on">
             <span>Shopping cart:
-              <b>$:{{ total }}.00</b>
+              <b>${{ total }}.00</b>
             </span>
             <v-badge
               :content="products.length || 0"