-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-.search-bar {
+.result-and-search {
+ font-size: 22px;
+ font-weight: 600;
+ margin: 30px 0 15px;
display: flex;
- justify-content: center;
- margin: 30px 0;
- input {
- @include peertube-input-text(60%);
- height: 35px;
+ my-global-icon {
+ @include margin-right(5px);
}
}
-.result-title {
- font-size: 22px;
- font-weight: 600;
- margin-bottom: 15px;
+.search-bar {
+ margin-left: auto;
- my-global-icon {
- margin-right: 5px;
+ input {
+ @include peertube-input-text(500px);
}
}
-.badge {
+.pt-badge {
+ @include margin-left(15px);
+
font-size: 13px;
- font-weight: $font-semibold;
- margin-left: 15px;
+}
+
+.alert {
+ margin-top: 15px;
}