use icons for toggle labels (#2315)

2020-11-01 20:08:48 +01:00
parent 856ab50090
commit 7491fcc3f3
5 changed files with 338 additions and 26 deletions
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@ -172,6 +172,22 @@
    }
  }

+  .buttonList.buttonListIcon {
+    label {
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      svg {
+        width: 36px;
+        height: 18px;
+        opacity: 0.6;
+      }
+      &.active svg {
+        opacity: 1;
+      }
+    }
+  }
+
  .App-bottom-bar {
    position: absolute;
    top: 0;