diff --git a/public/tabs/tabs.html b/public/tabs/tabs.html index f70f250..72aed40 100644 --- a/public/tabs/tabs.html +++ b/public/tabs/tabs.html @@ -44,6 +44,10 @@ position: relative; height: 100%; width: 100%; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: flex-start; } .tabs::before, @@ -57,7 +61,6 @@ } .tab { - float: left; } .tab-switch { @@ -66,7 +69,7 @@ .tab-label { position: relative; - width: 8rem; + width: 6rem; height: 5rem; cursor: pointer; transition: all 0.25s; @@ -112,7 +115,7 @@ @media screen and (max-width: 800px) { .tab-label { - width: 4rem; + width: 3rem; } .tab-label .label { @@ -120,13 +123,13 @@ } } - @media screen and (max-width: 480px) { + @media screen and (max-width: 400px) { .tab-label { - width: 2.75rem; + width: 2.5rem; } .tab-label .label { - font-size: x-small; + font-size: 8px; } } diff --git a/public/tabs/talk/talk.css b/public/tabs/talk/talk.css index c28eb06..233ee78 100644 --- a/public/tabs/talk/talk.css +++ b/public/tabs/talk/talk.css @@ -165,7 +165,7 @@ position: absolute; top: 0.5rem; right: 0.5rem; - display: flex; + display: none; /* flex; */ flex-direction: row; } @@ -206,7 +206,7 @@ #talk .message-container .info-container { display: flex; - margin-bottom: -1.5rem; + margin-bottom: -1.75rem; height: 3.75rem; }