[#70322] frontend: extend resources table wrapper when dropdown is pr…

…esent
antmicro · Dec 18, 2024 · a825553 · a825553
1 parent f5a8df5
commit a825553
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/frontend/src/components/packages/PackagesList.vue b/frontend/src/components/packages/PackagesList.vue
@@ -106,7 +106,7 @@ Component wraps functionality for displaying and working with rdfm packages.
         <template v-if="(packages?.length ?? 0) > 0">
             <p>Packages</p>
             <div class="resources-table-wrapper">
-                <table class="resources-table">
+                <table class="resources-table packages">
                     <tbody>
                         <tr v-for="pckg in packages" :key="pckg.id" class="resources-table-row">
                             <td class="entry">
@@ -219,6 +219,19 @@ Component wraps functionality for displaying and working with rdfm packages.
     }
 }
 
+table.resources-table.packages {
+    width: fit-content;
+    overflow-x: unset;
+
+    &:has(.resources-table-row:nth-last-child(2) #main-button:focus) {
+        margin-bottom: 30px;
+    }
+
+    &:has(.resources-table-row:last-child #main-button:focus) {
+        margin-bottom: 130px;
+    }
+}
+
 /* Default state */
 .drdn-wrapper {
     user-select: none;