diff --git a/src/app/components/recent-videos/recent-videos.component.html b/src/app/components/recent-videos/recent-videos.component.html index 9b00952..254082c 100644 --- a/src/app/components/recent-videos/recent-videos.component.html +++ b/src/app/components/recent-videos/recent-videos.component.html @@ -28,7 +28,7 @@
-
+
diff --git a/src/app/main/main.component.css b/src/app/main/main.component.css index 8411370..e2325f2 100644 --- a/src/app/main/main.component.css +++ b/src/app/main/main.component.css @@ -133,12 +133,16 @@ mat-form-field.mat-form-field { top: -5px; } +.border-radius-both { + border-radius: 16px; +} + .no-border-radius-bottom { - border-radius: 4px 4px 0px 0px; + border-radius: 16px 16px 0px 0px; } .no-border-radius-top { - border-radius: 0px 0px 4px 4px; + border-radius: 0px 0px 16px 16px; } @media (max-width: 576px) { diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html index 80fb3c2..b81e866 100644 --- a/src/app/main/main.component.html +++ b/src/app/main/main.component.html @@ -1,6 +1,6 @@
- +
diff --git a/src/styles.scss b/src/styles.scss index 41ef9ea..be060c8 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -42,6 +42,10 @@ $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn); @include angular-material-theme($dark-theme); } +.mat-stroked-button, .mat-raised-button, .mat-flat-button { + border-radius: 24px !important +} + // Light theme $light-primary: mat-palette($mat-grey, 200, 500, 300); $light-accent: mat-palette($mat-brown, 200); @@ -50,7 +54,7 @@ $light-warn: mat-palette($mat-deep-orange, 200); $light-theme: mat-light-theme($light-primary, $light-accent, $light-warn); .light-theme { - @include angular-material-theme($light-theme) + @include angular-material-theme($light-theme); } .no-outline {