Merge pull request #5403 from avalonmediasystem/title-css

Fix title font to match ramp components
avalonmediasystem · Oct 5, 2023 · 24a62a9 · 24a62a9
2 parents b483405 + 5597232
commit 24a62a9
Showing 1 changed file with 24 additions and 20 deletions.
diff --git a/app/javascript/components/Ramp.scss b/app/javascript/components/Ramp.scss
@@ -33,66 +33,70 @@
       margin-top: 20px;
     }
   }
-  
+
   .ramp--rails-title {
     font-size: 2rem !important;
     margin-top: 1rem !important;
+
+    h2 {
+      font-family: Arial, Helvetica, sans-serif;
+    }
   }
-  
+
   .ramp--rails-content {
     display: flex;
-  
+
     #administrative_options {
       text-align: right !important;
     }
-  
+
     .btn-sm {
       padding: 0 0;
     }
-  
+
     .share-tabs {
       flex-grow: 2;
     }
-  
+
     #share-list {
       margin-left: -9.25rem;
     }
-  
+
     .svg-add-to-playlist {
       width: 35px;
       margin: 0;
     }
-  
+
     .bgColor {
       fill: white;
     }
-  
+
     #add-to-playlist-btn:hover {
       .bgColor {
         fill: #f2f2f2;
       }
     }
-  
+
     .foregroundColor {
       fill: none;
       stroke: #2a5459;
       stroke-width: 2;
       stroke-miterlimit: 10;
     }
   }
-  
+
   .ramp--supplemental-files {
     .ramp--supplemental-files-display-content {
       padding-left: 0;
     }
-  
+
     h4 {
       border-bottom: 0.1rem solid #ddd;
       padding-bottom: 0.75rem;
       font-size: 1.25rem;
     }
   }
-  
+
   .nav.nav-tabs {
     background-color:#fff;
     border:1px solid #e2e7e9;
@@ -102,7 +106,7 @@
     display:flex;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-  
+
     .nav-item {
       border:none;
       background-color:transparent;
@@ -156,7 +160,7 @@
       width:100%;
     }
   }
-  
+
   .tab-pane {
     padding:1rem;
     border-bottom-left-radius:.5rem;
@@ -171,26 +175,26 @@
   .tab-pane:focus:not(:focus-visible) {
     outline:none;
   }
-  
+
   #expand_all_sections {
     display: flex !important;
     justify-content: flex-end;
     padding-bottom: .5rem !important;
   }
-  
+
   .accordion-toggle-icon {
     align-items: center;
     color: #4c5a69;
   }
-  
+
   .icn-expand-all {
     width: 20px;
   }
-  
+
   /* Override Ramp styling */
   .ramp--metadata-display {
     min-width: fit-content !important;
-  
+
     .ramp--metadata-display-content {
       padding: 0;
       max-height: inherit;