From a8255531a7ab25387c439aeec6dcbb577bee4ef4 Mon Sep 17 00:00:00 2001
From: Maciej Wasilewski <mwasilewski@antmicro.com>
Date: Wed, 18 Dec 2024 13:08:59 +0100
Subject: [PATCH] [#70322] frontend: extend resources table wrapper when
 dropdown is present

---
 frontend/src/components/packages/PackagesList.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/packages/PackagesList.vue b/frontend/src/components/packages/PackagesList.vue
index 7fb073a..5a3abaa 100644
--- 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;