Migrate to bootstrap 5

[github/Chocobozzz/PeerTube.git] / client / src / app / +search / search-filters.component.scss

diff --git a/client/src/app/+search/search-filters.component.scss b/client/src/app/+search/search-filters.component.scss
index cfb7a1d98873dbacae51e31c67f25c7ad5de8c52..5fd1764d370069a08612638a902982284b6342ca 100644 (file)
--- a/client/src/app/+search/search-filters.component.scss
+++ b/client/src/app/+search/search-filters.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 form {
   margin-top: 40px;
@@ -11,10 +11,9 @@ form {
 }
 
 .peertube-radio-container {
-  @include peertube-radio-container;
+  @include margin-right(30px);
 
   display: inline-block;
-  margin-right: 30px;
 }
 
 .peertube-select-container {
@@ -23,10 +22,6 @@ form {
   margin-bottom: 1rem;
 }
 
-.form-group {
-  margin-bottom: 25px;
-}
-
 input[type=text] {
   @include peertube-input-text(100%);
   display: block;
@@ -38,19 +33,18 @@ input[type=submit] {
 }
 
 .submit-button {
-  text-align: right;
+  text-align: end;
 }
 
 .reset-button {
   @include peertube-button;
+  @include margin-right(1rem);
 
   font-weight: $font-semibold;
   display: inline-block;
   padding: 0 10px;
   white-space: nowrap;
   background: transparent;
-
-  margin-right: 1rem;
 }
 
 .reset-button-small {