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;
}