Update accordion padding

openstax · Apr 16, 2024 · ad22e62 · ad22e62
1 parent 032b468
commit ad22e62
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/styles/content.scss b/src/styles/content.scss
@@ -350,6 +350,7 @@ table.os-raise-horizontaltable {
   text-decoration: underline;
 }
 
+// Accordion Styles
 .os-raise-accordion {
   width: 100%;
   padding-bottom: 20px;
@@ -364,7 +365,7 @@ table.os-raise-horizontaltable {
   text-align: left;
   align-items: center;
   background-color: white;
-  padding: 0.625rem;
+  padding: 1rem 1.5rem;
   border-bottom: 1px solid #D9D9D9;
   color: $os-dark-green;
   font-size: 1rem;
@@ -389,7 +390,7 @@ table.os-raise-horizontaltable {
 
 .os-raise-accordion-item.active .os-raise-accordion-content {
   transition: max-height 0.2s ease;
-  padding: 0 0.625rem 1.25rem;
+  padding: 1.5rem;
   background-color: #F5F5F5;
   border-bottom: 1px solid #D9D9D9;
 }
@@ -405,7 +406,7 @@ $arrow-svg: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16
   content: "";
   position: absolute;
   top: 45%;
-  right: 0.625rem;
+  right: 1.5rem;
   width: 1rem;
   height: 0.5625rem;
   transform: translateY(-10%);