Added prefixes to all non-scoped css classes used.

Author: dwreck

components/McityLogo.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="logo"
+    class="mcity-logo"
     :style="{ width: width }"
   >
     <a
@@ -36,7 +36,7 @@ export default {
 </script>
 
 <style scoped>
-  .logo {
+  .mcity-logo {
     display: block;
   }
 </style>

components/McityToolbar.vue

@@ -3,10 +3,10 @@
     <v-app-bar app dark color="primary" :clipped-left="true">
       <router-link to="/" class="hidden-sm-and-down">
         <slot name="logo">
-          <mcity-logo class="logo-padding-top" />
+          <mcity-logo class="mcity-logo-padding-top" />
         </slot>
       </router-link>
-      <v-toolbar-title class="subtitle" role="button" @click="goHome">
+      <v-toolbar-title class="mcity-subtitle" role="button" @click="goHome">
         {{ title }}
       </v-toolbar-title>
       <v-spacer />
@@ -71,9 +71,9 @@
               />
             </v-btn>
           </template>
-          <v-list class="min-content">
+          <v-list class="mcity-min-content">
             <v-list-item>
-              <v-list-item-content class="no-padding">
+              <v-list-item-content class="mcity-no-padding">
                 <v-list-item-title>
                   <a href="https://keys.um.city" target="_blank" rel="noopener">
                     {{ fullname }}
@@ -90,7 +90,7 @@
             <v-list-item>
               <v-btn
                 text
-                class="no-padding"
+                class="mcity-no-padding"
                 href="https://keys.um.city/password"
                 v-on="on"
               >
@@ -106,7 +106,7 @@
             <v-list-item>
               <v-btn
                 text
-                class="no-padding"
+                class="mcity-no-padding"
                 href="https://keys.um.city/logout"
                 v-on="on"
               >
@@ -230,25 +230,22 @@ export default {
 </script>
 
 <style>
-.nav-toggle-btn {
-  padding-left: 0px;
-}
 .mcity-menu-category-member {
   margin-left: 10px;
 }
-.subtitle {
+.mcity-subtitle {
   font-weight: 500;
   padding-left: 20px;
 }
-.no-padding {
+.mcity-no-padding {
   padding: 0 0 0 0;
   letter-spacing: inherit ;
 }
-.min-content {
+.mcity-min-content {
   min-width: 204px;
   width: min-content;
 }
-.logo-padding-top {
+.mcity-logo-padding-top {
   padding-top: 4px;
 }
 svg-icon {

components/McityToolbarVuetify1.5.vue

@@ -79,10 +79,10 @@
         to="/"
         class="hidden-sm-and-down"
       >
-        <mcity-logo class="logo-padding-top" />
+        <mcity-logo class="mcity-logo-padding-top" />
       </router-link>
       <v-toolbar-title
-        class="subtitle"
+        class="mcity-subtitle"
         role="button"
         @click="goHome"
       >
@@ -183,9 +183,9 @@
               />
             </v-btn>
           </template>
-          <v-list class="min-content">
+          <v-list class="mcity-min-content">
             <v-list-tile>
-              <v-list-tile-content class="no-padding">
+              <v-list-tile-content class="mcity-no-padding">
                 <v-list-tile-title>
                   <a
                     href="https://keys.um.city"
@@ -206,7 +206,7 @@
             <v-list-tile>
               <v-btn
                 flat
-                class="no-padding"
+                class="mcity-no-padding"
                 href="https://keys.um.city/password"
                 v-on="on"
               >
@@ -222,7 +222,7 @@
             <v-list-tile>
               <v-btn
                 flat
-                class="no-padding"
+                class="mcity-no-padding"
                 href="https://keys.um.city/logout"
                 v-on="on"
               >
@@ -336,22 +336,19 @@ export default {
 </script>
 
 <style>
-.nav-toggle-btn {
-  padding-left: 0px !important;
-}
-.subtitle {
+.mcity-subtitle {
   font-weight: 500;
   padding-left: 20px;
 }
-.no-padding {
-  padding: 0 0 0 0 !important;
-  letter-spacing: inherit !important  ;
+.mcity-no-padding {
+  padding: 0 0 0 0;
+  letter-spacing: inherit;
 }
-.min-content {
+.mcity-min-content {
   min-width: 204px;
   width: min-content;
 }
-.logo-padding-top {
+.mcity-logo-padding-top {
   padding-top: 4px;
 }
 svg-icon {