Change font sizes in Angular apps

6 years ago · 920350157c
parent 1f63c3fc3f
commit 920350157c
7 changed files with 72 additions and 3 deletions
--- a/apps/gifted-subs/src/app/giftedsubs/giftedsubs.component.css
+++ b/apps/gifted-subs/src/app/giftedsubs/giftedsubs.component.css
@ -10,6 +10,16 @@
    flex: 1 1 auto;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-cell {
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
 .spinner-container {
    position: fixed;
    left: 50%;
--- a/apps/quotes/src/app/quotes/quotes.component.css
+++ b/apps/quotes/src/app/quotes/quotes.component.css
@ -10,6 +10,16 @@
    flex: 1 1 auto;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-cell {
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
 .spinner-container {
    position: fixed;
    left: 50%;
--- a/apps/regular-subs/src/app/regularsubs/regularsubs.component.css
+++ b/apps/regular-subs/src/app/regularsubs/regularsubs.component.css
@ -10,6 +10,16 @@
    flex: 1 1 auto;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-cell {
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
 .spinner-container {
    position: fixed;
    left: 50%;
--- a/apps/schedule/src/app/schedule/schedule.component.css
+++ b/apps/schedule/src/app/schedule/schedule.component.css
@ -10,13 +10,22 @@
    text-align: right;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-card-title {
+    font-size: 1.4rem;
+}
+
 .mat-card-content {
-    font-size: 125%;
+    font-size: 1rem;
 }

 .mat-cell {
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
 }

 .mat-cell img {
--- a/apps/twitch-logs/src/app/comments/comments.component.css
+++ b/apps/twitch-logs/src/app/comments/comments.component.css
@ -26,6 +26,16 @@
    flex: 1 1 auto;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-cell {
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
 .spinner-container {
    position: fixed;
    left: 50%;
--- a/apps/twitch-logs/src/app/search/search.component.css
+++ b/apps/twitch-logs/src/app/search/search.component.css
@ -38,6 +38,16 @@
    flex: 1 1 auto;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-cell {
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
 .spinner-container {
    position: fixed;
    left: 50%;
--- a/apps/twitch-logs/src/app/videos/videos.component.css
+++ b/apps/twitch-logs/src/app/videos/videos.component.css
@ -10,6 +10,16 @@
    flex: 1 1 auto;
 }

+.mat-toolbar {
+    font-size: 1rem;
+}
+
+.mat-cell {
+    font-size: 0.8rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+
 .mat-column-title {
    white-space: nowrap;
 }