lookin' good

src/components/settings_modal/tabs/style_tab/style_tab.scss

@@ -119,6 +119,12 @@
     }
   }
 
+  .palettes-editor {
+    .list-edit-area {
+      align-self: baseline;
+    }
+  }
+
   .variables-editor {
     .variable-selector {
       display: grid;
@@ -132,6 +138,10 @@
       display: grid;
       grid-template-rows: subgrid;
     }
+
+    .shadow-control {
+      grid-row: 2 / span 2;
+    }
   }
 
   .component-editor {

src/components/settings_modal/tabs/style_tab/style_tab.vue

@@ -4,6 +4,7 @@
 <template>
   <div class="StyleTab">
     <div class="setting-item heading">
+      <!-- TODO: This needs to go -->
       <h2>{{ $t('settings.style.themes3.editor.title') }}</h2>
       <button
         class="btn button-default"
@@ -350,7 +351,9 @@
             <Select
               v-model="selectedVirtualDirective.valType"
             >
-              <option value='shadow'>shadow</option>
+              <option value='shadow'>
+              {{ $t('settings.style.themes3.variables.type_label') }}
+                shadow</option>
               <option value='shadow'>color</option>
               <option value='shadow'>generic</option>
             </Select>