💄 Enlarge add related flaw button tab

RedHatProductSecurity · Aug 14, 2024 · d07b919 · d07b919
1 parent 0c371ce
commit d07b919
Showing 1 changed file with 21 additions and 9 deletions.
diff --git a/src/components/AffectsTrackers.vue b/src/components/AffectsTrackers.vue
@@ -6,7 +6,6 @@ import type { ZodFlawType } from '@/types/zodFlaw';
 import type { UpdateStreamOsim, UpdateStreamSelections } from '@/composables/useTrackersForSingleFlaw';
 import { useTrackersForRelatedFlaws } from '@/composables/useTrackersForRelatedFlaws';
 
-
 import TabsDynamic from '@/components/widgets/TabsDynamic.vue';
 
 const props = defineProps<{
@@ -22,7 +21,6 @@ const emit = defineEmits<{
   'affects-trackers:refresh': [];
 }>();
 
-
 const shouldApplyToRelated = ref(true);
 
 const {
@@ -127,8 +125,8 @@ async function handleFileTrackers() {
           #[flawCveOrId]="tabProps"
         >
           <div class="osim-tracker-tabs">
-            <div v-if="tabProps.untrackableAffects?.length > 0">
-              <div class="ms-3 alert alert-danger">
+            <div v-if="tabProps.untrackableAffects?.length > 0" class="pt-5 p-3">
+              <div class="alert alert-danger">
                 <h5>Untrackable Affects</h5>
                 <p>
                   These affects do not have available trackers. This may indicate an issue with product defintions.
@@ -322,8 +320,6 @@ details:not([open]) h5 {
       position: absolute;
       top: 2.5px;
       left: calc(30ch - 1px) ;
-      // transform: translateY(-50%);
-    // transform: translate(2rem -2px);
   }
 }
 
@@ -387,6 +383,24 @@ label {
       border-left: 1px solid $info;
       border-right: 1px solid $info;
     }
+
+    &.osim-add-tab {
+      background-color: #fff;
+      color: $info;
+      border: none;
+      box-shadow: none;
+      padding: .125rem 0.55rem;
+      padding-bottom: 0.125rem;
+
+      i {
+        font-size: 1.5rem;
+      }
+
+      &:hover {
+        background-color: $info;
+        color: #fff;
+      }
+    }
   }
 }
 
@@ -426,9 +440,7 @@ label {
   }
 }
 
-h3, h4, h5, h6 {
-  color: #147878;
-}
+
 
 .osim-tracker-selection-disabled {
   text-decoration: strike-through;