Fix tab width on mobile

2019-09-20 15:48:14 +02:00 · 2019-09-20 15:48:14 +02:00 · cd16ad8086
parent 2effa08c32
commit cd16ad8086
2 changed files with 5 additions and 1 deletions
--- a/src/sass/timeline.scss
+++ b/src/sass/timeline.scss
@ -62,6 +62,10 @@
        border-bottom-color: $accent;
        color: $accent;
    }
+
+    &.wide {
+        flex-grow: 1.2;
+    }
 }

 .timeline-footer {
--- a/src/views/search.nim
+++ b/src/views/search.nim
@ -38,7 +38,7 @@ proc renderProfileTabs*(query: Query; username: string): VNode =
  buildHtml(ul(class="tab")):
    li(class=query.getTabClass(posts)):
      a(href=link): text "Tweets"
-    li(class=query.getTabClass(replies)):
+    li(class=(query.getTabClass(replies) & " wide")):
      a(href=(link & "/replies")): text "Tweets & Replies"
    li(class=query.getTabClass(media)):
      a(href=(link & "/media")): text "Media"