Use css properties for height and width

Author: michjnich

.gitignore

@@ -12,3 +12,5 @@ htmlcov
 .tox
 geckodriver.log
 coverage.xml
+.direnv/
+.envrc

debug_toolbar/static/debug_toolbar/css/toolbar.css

@@ -734,4 +734,6 @@
 #djDebug[data-theme="dark"] #djToggleThemeButton svg.theme-dark,
 #djDebug[data-theme="auto"] #djToggleThemeButton svg.theme-auto {
     display: block;
+    height: 1rem;
+    width: 1rem;
 }

debug_toolbar/templates/debug_toolbar/includes/theme_selector.html

@@ -2,8 +2,6 @@
   aria-hidden="true"
   class="djdt-hidden theme-auto"
   fill="currentColor"
-  width="1rem"
-  height="1rem"
   viewBox="0 0 32 32"
   version="1.1"
   xmlns="http://www.w3.org/2000/svg"
@@ -15,8 +13,6 @@
 <svg
   aria-hidden="true"
   class="djdt-hidden theme-light"
-  width="1rem"
-  height="1rem"
   viewBox="0 0 24 24"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
@@ -31,8 +27,6 @@
 <svg
   aria-hidden="true"
   class="djdt-hidden theme-dark"
-  width="1rem"
-  height="1rem"
   viewBox="0 0 24 24"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"