fix some margins in the dashboard

scientist-softserv · Jun 22, 2023 · d828877 · d828877
1 parent 43c01c6
commit d828877
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/app/assets/stylesheets/hyku.scss b/app/assets/stylesheets/hyku.scss
@@ -606,18 +606,6 @@ span.constraint-value p, .facet-values p {
   align-items: center;
 }
 
-.mt-5 {
-  margin-top: 3em;
-}
-
-.mt-2 {
-  margin-top: 0.5em;
-}
-
-.mb-2 {
-  margin-bottom: .5em;
-}
-
 .hyc-banner {
   padding: 15px;
   .hyc-bugs .hyc-created-by, .hyc-bugs .hyc-last-updated, .hyc-title {
@@ -643,4 +631,23 @@ form.range_limit.range_date_ssi {
   input.range_begin, input.range_end {
     width: auto;
   }
+}
+
+// these margin classes can be removed when Hyku is eventually updated to Bootstrap 4 upon upgrading to Hyrax 4.
+// These correspond directly to bootstrap 4 classes.
+.mt-5 {
+  margin-top: 3em;
+}
+
+.mt-2 {
+  margin-top: 0.5em;
+}
+
+.mb-2 {
+  margin-bottom: .5em;
+}
+
+.mx-3 {
+  margin-right: 1em;
+  margin-left: 1em;
 }
diff --git a/app/views/hyrax/dashboard/show_admin.html.erb b/app/views/hyrax/dashboard/show_admin.html.erb
@@ -10,7 +10,7 @@
     </div>
   </div>
 
-  <div class="row">
+  <div class="row mx-3">
     <div class="col">
       <%= render 'visibility_graph' %>
     </div>