diff --git a/src/ui/Button/Button.module.css b/src/ui/Button/Button.module.css index 1ff3473e..29ccb7ab 100644 --- a/src/ui/Button/Button.module.css +++ b/src/ui/Button/Button.module.css @@ -48,11 +48,21 @@ button:hover, background-color: var(--red); } +.button > svg { + width: 42px; + height: 42px; +} + @media screen and (min-width: 768px) { .reset { display: flex; justify-content: flex-end; } + + .button > svg { + width: 24px; + height: 24px; + } } .reset { display: inline-block; @@ -82,11 +92,6 @@ button:hover, border-radius: 36px; } -.button > svg { - width: 24px; - height: 24px; -} - .rounded { overflow: hidden; border-radius: 50%; diff --git a/src/ui/Header/Header.module.css b/src/ui/Header/Header.module.css index df2c79c9..4637fc3c 100644 --- a/src/ui/Header/Header.module.css +++ b/src/ui/Header/Header.module.css @@ -1,10 +1,25 @@ .header { display: flex; gap: 5px; + width: 95%; + min-width: 432px; + justify-content: space-between; z-index: 12; } .header_button { font-size: 0; - background-color: white; + background-color: inherit; +} + +@media screen and (min-width: 768px) { + .header { + gap: 5px; + justify-content: flex-end; + } + + .header_button { + font-size: 0; + background-color: white; + } } diff --git a/src/ui/Main.module.css b/src/ui/Main.module.css index cf06950d..cfecaccf 100644 --- a/src/ui/Main.module.css +++ b/src/ui/Main.module.css @@ -27,9 +27,8 @@ display: flex; justify-content: center; align-items: center; - flex-direction: row-reverse; - width: 100vw; - right: 0; + flex-direction: row; + width: 96vw; height: 50px; padding: 1rem; background-color: var(--beige); @@ -116,12 +115,14 @@ .header__right { display: flex; + flex-direction: row-reverse; justify-content: flex-start; flex-wrap: nowrap; align-items: center; margin-left: auto; position: static; background: inherit; + right: 0; } .left { diff --git a/src/ui/OpenFile/UiReportMenu.js b/src/ui/OpenFile/UiReportMenu.js index 5ccbbd87..4cd716fc 100644 --- a/src/ui/OpenFile/UiReportMenu.js +++ b/src/ui/OpenFile/UiReportMenu.js @@ -46,9 +46,8 @@ export const UiReportMenu = () => { const strDisabled = !isLoadedLocal; return ( <> - + { { }; return ( <> - +