From 420a6043cc579d6fc342adcfe8107daf51664761 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 20 Feb 2023 11:00:17 +0100
Subject: Fix buttons CSS

---
 .../+video-watch/shared/comment/video-comment.component.html  |  2 +-
 .../+video-watch/shared/comment/video-comments.component.scss | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

(limited to 'client/src/app/+videos')

diff --git a/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.html b/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.html
index da35a9a2e..5eefc2450 100644
--- a/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.html
+++ b/client/src/app/+videos/+video-watch/shared/comment/video-comment.component.html
@@ -37,7 +37,7 @@
         ></div>
 
         <div class="comment-actions">
-          <div tabindex=0 (click)="onWantToReply()" class="comment-action-reply" i18n>Reply</div>
+          <button (click)="onWantToReply()" class="comment-action-reply border-0 p-0" i18n>Reply</button>
 
           <my-user-moderation-dropdown
             [prependActions]="prependModerationActions" tabindex=0 [buttonStyled]="false"
diff --git a/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss b/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss
index 638147dfe..5001ad168 100644
--- a/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss
+++ b/client/src/app/+videos/+video-watch/shared/comment/video-comments.component.scss
@@ -8,6 +8,11 @@
 .view-replies {
   font-weight: $font-semibold;
   cursor: pointer;
+  position: relative;
+
+  .chevron-down {
+    @include margin-left(0);
+  }
 }
 
 .title-block {
@@ -37,12 +42,6 @@
   border: 0;
 }
 
-@media screen and (max-width: 600px) {
-  .view-replies {
-    @include margin-left(46px);
-  }
-}
-
 @media screen and (max-width: 450px) {
   .view-replies {
     font-size: 14px;
-- 
cgit v1.2.3