refactor: usability fixes

Author: thetutlage

css/carbon_ads.css

@@ -1,15 +1,18 @@
 .carbon_ad_wrapper {
-  margin-top: var(--prose-elements-margin);
-  background: var(--neutral-gray-3);
-  padding: 15px;
-  border-radius: var(--rounded-md);
+  padding: var(--surface-spacing);
   text-align: center;
   font-size: 12px;
   font-weight: 500;
   line-height: 1.4;
   color: var(--neutral-gray-11);
 }
 
+.carbon_ad_wrapper #carbonads {
+  background: var(--neutral-gray-3);
+  padding: 15px;
+  border-radius: var(--rounded-md);
+}
+
 .carbon_ad_wrapper img {
   margin: 0 auto 12px;
   border-radius: var(--rounded-sm);

templates/partials/nav/mobile_menu.edge

@@ -24,7 +24,7 @@
 
       <li class="header_nav_menu_item header_nav_menu_theme_switcher">
         <label for="theme_switcher"> Theme </label>
-        <select @change="(e) => e.target.value === 'dark' ? $store.darkMode.enable() : $store.darkMode.disable()">
+        <select @change="(e) => e.target.value === 'dark' ? $store.darkMode.enable() : $store.darkMode.disable()" id="theme_switcher">
           <option value="dark" :selected="$store.darkMode.enabled"> Dark </option>
           <option value="light" :selected="!$store.darkMode.enabled"> Light </option>
         </select>