add margin to language toggle and put dot in the middle

Author: Erik2609

assets/scss/_menu.scss

@@ -3,7 +3,7 @@
     position: relative;
     display: inline-block;
     width: 40px;
-    height: 23px;
+    height: 24px;
     top: 2px;
     z-index: -1;
 }
@@ -34,7 +34,7 @@
     height: 16px;
     width: 16px;
     left: 3px;
-    bottom: 3px;
+    bottom: 4px;
     background-color: #002B5F;
     -webkit-transition: .4s;
     transition: .4s;
@@ -56,7 +56,7 @@ input:checked+.slider:before {
 
 /* Rounded sliders */
 .slider.round {
-    border-radius: 23px;
+    border-radius: 24px;
 }
 
 .slider.round:before {

layouts/partials/header.html

@@ -67,7 +67,7 @@
                 EN
               </div>
               <!-- Rounded switch -->
-              <label class="switch d-inline-block">
+              <label class="switch d-inline-block mx-1">
                 <input type="checkbox" disabled aria-checked={{if eq .Site.Language.Lang "en" }} "true" checked {{else}} "false" {{ end }} id="lang-toggle" role="switch">
                 <span class="slider round"></span>
               </label>