Minor update to site settings

src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue

@@ -18,9 +18,19 @@
       >
         Default settings for extension
       </div>
+      <div
+        class="tab"
+        :class="{'active': tab === 'otherSites'}"
+        @click="setTab(tab = 'otherSites')"
+      >
+        Settings for other sites
+      </div>
     </div>
 
     <template v-if="tab === 'siteSettings' && siteSettings">
+      <!-- <div class="button">
+        Reset settings for site
+      </div> -->
       <SiteExtensionSettings
         v-if="settings"
         :settings="settings"
@@ -30,7 +40,6 @@
     </template>
 
     <template v-if="tab === 'extensionSettings' && globalSettings">
-      not site settings
       <SiteExtensionSettings
         v-if="settings"
         :settings="settings"

src/csui/src/res-common/panels.scss

@@ -10,3 +10,13 @@
   margin-top: 1.5rem;
 }
 
+.tab {
+  border-bottom: 1px solid black;
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 1rem 2rem;
+
+  &:hover, &.active {
+    border-bottom: 1px solid #fa6;
+    background-color:rgba(0, 0, 0, 0.75)
+  }
+}