CONCD-1007 Invert filter slider should be centered between On and Off…

… (currently much closer to Off) (#2632)
LibraryOfCongress · Dec 11, 2024 · 34813c5 · 34813c5
1 parent 91f009f
commit 34813c5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/concordia/static/scss/base.scss b/concordia/static/scss/base.scss
@@ -475,6 +475,11 @@ body .form-check-input {
     opacity: 1;
 }
 
+#invert-form div {
+    margin-left: 10px;
+    margin-right: 0;
+}
+
 #invert:checked {
     background-color: $blue;
     border-color: $blue;

diff --git a/concordia/templates/transcriptions/asset_detail/viewer_filters.html b/concordia/templates/transcriptions/asset_detail/viewer_filters.html
@@ -70,7 +70,7 @@
         <div id="invert-filter" class="tab-pane pt-2" role="tabpanel" style="background-color: white;">
             <form id="invert-form" onsubmit="return false;" class="d-flex justify-content-center">
                 <label class="ms-2 align-middle">Off</label>
-                <div class="form-check form-switch custom-control-inline ms-1 me-2">
+                <div class="form-check form-switch custom-control-inline">
                     <input type="checkbox" id="invert" name="invert" class="form-check-input" role="switch" />
                     <label class="form-check-label" for="invert"><span class="visually-hidden">Invert</span></label>
                 </div>