fix for glyphicons

static/css/icons.css

@@ -1,13 +1,14 @@
 .glyphicon {
+  position: relative;
   display: inline-block;
   width: 40px;
   height: 40px;
-  line-height: 40px;
 }
 .glyphicon::before {
   position: absolute;
-  left: 4px;
+  top: 50%;
-  margin: 0 13px;
+  left: 50%;
+  transform: translate(-50%, -50%);
   font-family: 'Glyphicons Halflings';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

templates/widgets/asidenav.lucius

@@ -58,12 +58,6 @@
   background-color: white;
   color: var(--darkbase);
 
-  .glyphicon {
-    position: absolute;
-    z-index: 1;
-    top: 5px;
-  }
-
   &:not(.asidenav__list-item--active):hover {
     color: white;
     background-color: var(--darkbase);

templates/widgets/navbar.lucius

@@ -25,14 +25,10 @@
     position: relative;
     width: 100%;
     height: 20px;
-    line-height: 20px;
   }
 
   .glyphicon::before {
     height: 20px;
-    margin: 0;
-    left: 50%;
-    transform: translateX(-50%);
   }
 }