CONCD-482 Borders

LibraryOfCongress · Oct 13, 2023 · 37ddd9b · 37ddd9b
1 parent bf049d0
commit 37ddd9b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/concordia/static/scss/base.scss b/concordia/static/scss/base.scss
@@ -1034,6 +1034,7 @@ $card-progress-height: 12px;
  */
 #card-carousel .carousel-item img {
     background-color: #fff;
+    border-top: 1px solid #efefef;
     padding-bottom: 1rem;
 }
 
@@ -1043,6 +1044,7 @@ $card-progress-height: 12px;
 
 #card-carousel .carousel-indicators > li.active {
     background-color: #007bff;
+    border-color: #007bff;
 }
 
 #previous-card {

diff --git a/concordia/templates/transcriptions/asset_detail.html b/concordia/templates/transcriptions/asset_detail.html
@@ -703,7 +703,7 @@ <h5 class="modal-title">Are you sure?</h5>
         <div id="tutorial-popup" class="modal" tabindex="-1" role="dialog">
             <div class="modal-dialog modal-dialog-centered" role="document">
                 <div class="modal-content">
-                    <div class="modal-header">
+                    <div class="modal-header border-bottom-0">
                         <h4>Quick Tips</h4>
                         <button type="button" class="close text-primary" data-dismiss="modal" aria-label="Close">
                             <span aria-hidden="true">x</span>
@@ -713,7 +713,7 @@ <h4>Quick Tips</h4>
                         <div id="card-carousel" class="carousel slide" data-interval="false">
                             <div class="carousel-inner">
                                 {% for card in cards %}
-                                    <div class="carousel-item {% if forloop.first %} active {% endif %}">
+                                    <div class="carousel-item pb-4 {% if forloop.first %} active {% endif %}">
                                         {% if not forloop.first %}
                                             <a id="previous-card" href="#card-carousel" role="button" data-slide="prev">
                                                 <strong><u><&nbsp;Back</u></strong>