Fix application progress bar

cockpit-project · Sep 4, 2023 · 7c9e04b · 7c9e04b
1 parent b6633ef
commit 7c9e04b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/pkg/apps/application-list.jsx b/pkg/apps/application-list.jsx
@@ -145,9 +145,13 @@ export const ApplicationList = ({ metainfo_db, appProgress, appProgressTitle, ac
                 <Flex alignItems={{ default: 'alignItemsCenter' }}>
                     <h2 className="pf-v5-u-font-size-3xl">{_("Applications")}</h2>
                     <FlexItem align={{ default: 'alignRight' }}>
-                        <Flex>
-                            {refresh_progress}
-                            {refresh_button}
+                        <Flex alignItems={{ default: 'alignItemsCenter' }} spacer={{ default: 'spacerXs' }}>
+                            <FlexItem>
+                                {refresh_progress}
+                            </FlexItem>
+                            <FlexItem>
+                                {refresh_button}
+                            </FlexItem>
                         </Flex>
                     </FlexItem>
                 </Flex>

diff --git a/pkg/apps/application.scss b/pkg/apps/application.scss
@@ -23,7 +23,7 @@
 }
 
 .progress-bar {
-  display: inline-block;
+  min-inline-size: 12rem;
   inline-size: 20%;
   overflow: hidden;
 }