fix: styles

src/components/DataInput.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-toolbar class="mt-3">
+  <v-toolbar class="mt-3" color="white" elevation="1">
     <v-btn-toggle
       v-model="reportSource"
       mandatory
@@ -16,10 +16,10 @@
       density="compact"
       browse-text="Local Filesystem"
       divider-text="or choose locally"
-      icon="mdi-upload"
-      title="Drag and Drop Here"
+      title="Choose file"
       file-type="application/json"
       :multiple="false"
+      color="##f2f2f2"
       @update:model-value="handleFileUpload($event)"
     />
 

src/components/DataTable.vue

@@ -2,15 +2,18 @@
   <span>
     <v-text-field
       v-model="search"
-      append-icon="mdi-magnify"
+      center-affix
+      append-inner-icon="mdi-magnify"
       label="Search"
       single-line
       outlined
       hide-details
       class="my-5"
+      type="search"
+      variant="outlined"
     ></v-text-field>
 
-    <v-tabs dark background-color="primary" grow hide-slider show-arrows>
+    <v-tabs dark bg-color="primary" grow hide-slider show-arrows>
       <v-tab v-on:click="search = ''"
         >Total: {{ vulnerabilityStats.total }}
       </v-tab>

src/styles/settings.scss

@@ -8,3 +8,26 @@
 // @use 'vuetify/settings' with (
 //   $color-pack: false
 // );
+
+.v-file-upload.v-file-upload--density-compact {
+  padding: 0.5rem;
+  border: 2px dashed #aaa;
+  margin: 0 0.5rem;
+}
+
+.v-file-upload--density-compact .v-file-upload-icon {
+  font-size: 1rem;
+}
+
+.v-file-upload-title {
+  font-size: 1rem;
+  font-weight: normal;
+}
+
+.v-file-upload-items .v-list-item--rounded {
+  border: none;
+}
+
+.v-file-upload-items > .v-list-item--density-default.v-list-item--two-line {
+  padding: 1rem 1rem 1rem 0;
+}