Fix checkbox styling (#547)

app/assets/stylesheets/admins.scss

@@ -38,3 +38,7 @@
 #branding-image{
   z-index: auto;
 }
+
+.authentication-required{
+  padding-top: 2px;
+}
\ No newline at end of file

app/assets/stylesheets/utilities/_primary_themes.scss

@@ -29,6 +29,12 @@
   box-shadow: 0 0 0 2px $primary-color-lighten !important;
 }
 
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
+  background-color: $primary-color !important;
+  border-color: $primary-color !important;
+  color: white !important;
+}
+
 a {
   color: $primary-color !important;
 }

app/views/shared/admin_settings/_site_settings.html.erb

@@ -35,7 +35,7 @@
         <div class="row gutters-xs">
           <label class="custom-control custom-checkbox ml-1">
             <%= check_box_tag "room_authentication", '', room_authentication_required, class: 'custom-control-input', onchange: "changeRoomAuthentication(this.checked, '#{admin_room_authentication_path}')"%>
-            <span class="custom-control-label text-muted pt-1"><%= t("administrator.site_settings.authentication.info") %></span>
+            <span class="custom-control-label text-muted authentication-required"><%= t("administrator.site_settings.authentication.info") %></span>
           </label>
         </div>
       </div>