Merge pull request #3416 from CVEProject/rl-3345-icon-spacing-homepage

Make Heights for Access, Learn, Report/Request Titles Consistent
CVEProject · Feb 13, 2025 · 989533e · 989533e
2 parents 710fdc4 + 39962c5
commit 989533e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/HomeModule.vue b/src/components/HomeModule.vue
@@ -35,7 +35,7 @@
             <div class="tile is-ancestor cve-task-tiles-container">
               <div class="tile is-parent cve-task-access-tile">
                 <article class="tile is-child cve-border-dark-blue">
-                  <h3 class="title cve-task-tile-header">
+                  <h3 class="title is-4 cve-task-tile-header">
                     <span class="icon is-medium is-block cve-task-tile-icon"><font-awesome-icon :icon="['far', 'arrow-alt-circle-right']" /></span>
                     Access
                   </h3>
@@ -70,7 +70,7 @@
               </div>
               <div class="tile is-parent cve-task-learn-tile">
                 <article class="tile is-child cve-border-dark-blue">
-                  <h3 class="title cve-task-tile-header">
+                  <h3 class="title is-4 cve-task-tile-header">
                     <span class="icon is-medium is-block cve-task-tile-icon"><font-awesome-icon :icon="['fab', 'leanpub']"/></span>
                     Learn
                   </h3>
@@ -93,7 +93,7 @@
               </div>
               <div class="tile is-parent cve-task-report-tile">
                 <article class="tile is-child cve-border-dark-blue">
-                  <h3 class="title is-4 cve-task-tile-header">
+                  <h3 class="title is-5 cve-task-tile-header">
                     <span class="icon is-medium is-block cve-task-tile-icon"><font-awesome-icon :icon="['far', 'clipboard']" /></span>
                     Report/Request
                   </h3>
@@ -274,7 +274,7 @@ export default {
 .cve-task-tile-header {
     background-color: $theme-color-primary-darker;
     color: white;
-    padding: 8px 10px 8px 10px;
+    padding: 8px 10px 0px 10px;
     text-align: left;
     display: flex;
 }