diff --git a/source/app/web/statics/style.css b/source/app/web/statics/style.css index 66f1d863..8e42ae53 100644 --- a/source/app/web/statics/style.css +++ b/source/app/web/statics/style.css @@ -35,7 +35,7 @@ nav { display: flex; border-bottom: 1px solid var(--color-border-secondary); - overflow: auto; + flex-shrink: 0; } nav .tab { flex-shrink: 0; @@ -55,6 +55,7 @@ nav .tab.disabled { opacity: .5; cursor: not-allowed; + pointer-events: none; } nav .tab svg { fill: currentColor; @@ -77,7 +78,7 @@ flex-direction: column; } .left, .right { - margin: 0 8px; + margin: 0 8px 16px; } .left { flex-shrink: 0; @@ -99,6 +100,7 @@ .left .scrollable { flex-grow: 1; overflow: auto; + margin-bottom: 1rem; } .right { flex-grow: 1; @@ -114,6 +116,7 @@ display: none; justify-content: center; margin-top: -20%; + z-index: 888; } .avatar div { width: 50%; @@ -273,7 +276,7 @@ } /* Media screen */ - @media only screen and (min-width: 860px) { + @media only screen and (min-width: 700px) { .left, .right { height: 75%; width: 0%;