Improve UI stability, reliability, and readability (#1104)

closes #1090
closes #1030

Also fixes various styling issues and overflow issues for mobile support

photon-client/src/components/cameras/CameraControlCard.vue

@@ -96,8 +96,8 @@ const expanded = ref([]);
     <v-row class="pl-6">
       <v-col>
         <v-btn color="secondary" @click="fetchSnapshots">
-          <v-icon left> mdi-folder </v-icon>
-          Show Saved Snapshots
+          <v-icon left class="open-icon"> mdi-folder </v-icon>
+          <span class="open-label">Show Saved Snapshots</span>
         </v-btn>
       </v-col>
     </v-row>
@@ -199,4 +199,12 @@ const expanded = ref([]);
     max-width: 100%;
   }
 }
+@media only screen and (max-width: 351px) {
+  .open-icon {
+    margin: 0 !important;
+  }
+  .open-label {
+    display: none;
+  }
+}
 </style>