diff --git a/html/channel.ejs b/html/channel.ejs
index 4983787a..0b2c37eb 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -212,6 +212,7 @@ padding-bottom: 32px;
font-family:inter;
border-collapse: separate;
table-layout: auto;
+ border-spacing: 4px 0;
}
.tabs.tabs-center {
margin: auto;
@@ -231,10 +232,7 @@ text-transform:uppercase;
white-space: nowrap;
cursor: pointer;
}
- .tabs a.tab:hover {
- color: #fff;
- text-decoration: none;
-}
+
.tabs a.tab:after {
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
will-change: transform, box-shadow, opacity;
@@ -256,7 +254,10 @@ text-transform:uppercase;
.tabs a.tab.active:after {
opacity: 1;
transform: scale(1, 1);
-}
+}
+
+
+
<% if(!isMobile) { %>
@@ -264,6 +265,13 @@ text-transform:uppercase;
.name{
text-align: left;
}
+ .tabs a.tab:hover {
+ color: #fff;
+ text-decoration: none;
+ background: #333;
+ border-top-left-radius: 1em;
+ border-top-right-radius: 1em;
+}
.subs {
margin: 0.6em;text-align: left;margin-left: 0px;margin-top: -1em;font-family: "PokeTube flex";font-weight: 1000;font-stretch: ultra-expanded;
}
@@ -297,6 +305,11 @@ text-transform:uppercase;
border-radius: 22px;
}
+ .tabs a.tab:hover {
+ color: #fff;
+ text-decoration: none;
+}
+
.community {
display: flex;
flex-direction: column;
@@ -351,7 +364,7 @@ text-transform:uppercase;
margin: auto;
font-size:15px
}
-
+
.tabs.tabs-justify {
width: 100%;
table-layout: fixed;
@@ -395,8 +408,12 @@ text-transform:uppercase;
body {
background-color:#111
}
-
-
+
+ .subscribe-button:hover {
+ text-decoration: none !important;
+ background: #f2ebeb !important;
+ cursor: pointer;
+}
<% } %>
@@ -478,14 +495,14 @@ text-transform:uppercase;