Fix padding in the cockpit-storage iframe

rhinstaller · Jan 23, 2024 · 026f919 · 026f919
1 parent f9b1552
commit 026f919
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/components/storage/CockpitStorageIntegration.jsx b/src/components/storage/CockpitStorageIntegration.jsx
@@ -105,9 +105,12 @@ export const CockpitStorageIntegration = ({
                 </Flex>
             </PageSection>
             <div className={idPrefix + "-page-section-cockpit-storage"}>
-                <iframe
-                  src="/cockpit/@localhost/storage/index.html"
-                  className={idPrefix + "-iframe-cockpit-storage"} />
+                <PageSection>
+                    <iframe
+                      src="/cockpit/@localhost/storage/index.html"
+                      name="cockpit-storage"
+                      className={idPrefix + "-iframe-cockpit-storage"} />
+                </PageSection>
                 <ModifyStorageSideBar />
             </div>
             <PageSection

diff --git a/src/components/storage/CockpitStorageIntegration.scss b/src/components/storage/CockpitStorageIntegration.scss
@@ -7,10 +7,6 @@
     padding-bottom: 0;
 }
 
-.cockpit-storage-integration-sidebar {
-    padding-left: 0;
-}
-
 .cockpit-storage-integration-iframe-cockpit-storage {
     height: 100%;
 }
@@ -20,6 +16,10 @@
     grid-template-columns: 3fr 1fr;
 }
 
+.cockpit-storage-integration-sidebar {
+    padding-left: 0;
+}
+
 .cockpit-storage-integration-page-section-cockpit-storage {
     flex: 1;
 }