Refactor modal buttons style

1 files changed, 20 insertions, 33 deletions

diff --git a/client/src/app/modal/welcome-modal.component.scss b/client/src/app/modal/welcome-modal.component.scss
index a93dbcef9..28d5dc49c 100644
--- a/client/src/app/modal/welcome-modal.component.scss
+++ b/client/src/app/modal/welcome-modal.component.scss
@@ -47,43 +47,30 @@ li {
 
 .columns {
   display: flex;
+}
 
-  .link-block {
-    @include disable-default-a-behaviour;
-
-    color: pvar(--mainForegroundColor);
-    padding: 10px;
-    transition: background-color 0.2s ease-in;
-    flex-basis: 33%;
-
-    &:hover {
-      background-color: rgba(0, 0, 0, 0.05);
-    }
+.link-block {
+  @include disable-default-a-behaviour;
 
-    .link-title {
-      font-size: 16px;
-      font-weight: $font-semibold;
-      display: flex;
-      justify-content: center;
-      margin-bottom: 5px;
-    }
+  color: pvar(--mainForegroundColor);
+  padding: 10px;
+  transition: background-color 0.2s ease-in;
+  flex-basis: 33%;
 
-    .link-title,
-    div {
-      text-align: center;
-    }
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.05);
   }
-}
 
-.configure-instance-button {
-  @include peertube-button;
-  @include orange-button;
-  @include disable-default-a-behaviour;
-
-  display: inline-block;
-}
+  .link-title {
+    font-size: 16px;
+    font-weight: $font-semibold;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 5px;
+  }
 
-.action-button-understood {
-  @include peertube-button;
-  @include grey-button;
+  .link-title,
+  div {
+    text-align: center;
+  }
 }