[web] Visual adjustments

agama-project · Mar 13, 2023 · a7cd3e0 · a7cd3e0
1 parent 530ddca
commit a7cd3e0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/web/src/assets/styles/blocks.scss b/web/src/assets/styles/blocks.scss
@@ -91,6 +91,10 @@ section > .content {
   border-top: 1px solid var(--color-gray);
 }
 
+.sidebar > div {
+  margin-inline-start: var(--pf-global--spacer--md);
+}
+
 .sidebar a, .sidebar button {
   font-size: 16px;
   font-weight: var(--fw-bold);

diff --git a/web/src/components/core/Sidebar.jsx b/web/src/components/core/Sidebar.jsx
@@ -52,7 +52,8 @@ import { TargetIpsPopup } from "~/components/network";
  * https://www.developerway.com/posts/react-elements-children-parents
  */
 const FixedLinks = React.memo(() => (
-  <>
+  <div className="flex-stack">
+    <h3>Other options</h3>
     <ChangeProductLink />
     <Disclosure label="Diagnosis tools" data-keep-sidebar-open>
       <ShowLogButton />
@@ -61,7 +62,7 @@ const FixedLinks = React.memo(() => (
     </Disclosure>
     <TargetIpsPopup />
     <About />
-  </>
+  </div>
 ), () => true);
 
 /**
@@ -115,7 +116,7 @@ export default function Sidebar() {
         data-state={isOpen ? "visible" : "hidden"}
       >
         <header className="split justify-between">
-          <h1>Options</h1>
+          <h2>Options</h2>
 
           <button
             onClick={close}