Cleanup styles

robbdimitrov · Apr 13, 2020 · 79960d5 · 79960d5
1 parent 3dea7f8
commit 79960d5
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 14 deletions.
diff --git a/src/frontend/src/app/screens/feed/feed.component.html b/src/frontend/src/app/screens/feed/feed.component.html
@@ -13,7 +13,12 @@
     </li>
   </ul>
 
-  <button id="next" *ngIf="count() > 5" class="button centered" (click)="onNextClick()">
+  <button
+    id="next"
+    *ngIf="count() > 5"
+    class="button centered"
+    (click)="onNextClick()"
+  >
     Next
   </button>
 </div>
diff --git a/src/frontend/src/app/screens/image-upload/image-create/image-create.component.scss b/src/frontend/src/app/screens/image-upload/image-create/image-create.component.scss
@@ -17,11 +17,9 @@ textarea {
   resize: none;
   margin-right: $spacing-small;
   flex-grow: 1;
-  height: 100%;
 }
 
 button {
   margin-top: $spacing-medium;
   margin-bottom: $spacing-large;
-  display: block;
 }
diff --git a/src/frontend/src/app/screens/image-upload/image-upload.component.html b/src/frontend/src/app/screens/image-upload/image-upload.component.html
@@ -16,7 +16,11 @@ <h1 class="title">New Post</h1>
         (change)="onChange(file.files)"
       >
 
-      <button class="button" (click)="onNextClick()" [disabled]="!imagePreview">
+      <button
+        class="button"
+        (click)="onNextClick()"
+        [disabled]="!imagePreview"
+      >
         Next
       </button>
     </div>

diff --git a/src/frontend/src/app/screens/profile/edit-profile/edit-profile.component.html b/src/frontend/src/app/screens/profile/edit-profile/edit-profile.component.html
@@ -63,7 +63,7 @@ <h1 class="title">Edit Profile</h1>
       >
     </div>
 
-    <button type="submit" class="button" [disabled]="!form.valid">
+    <button type="submit" class="button centered" [disabled]="!form.valid">
       Save Changes
     </button>
   </form>

diff --git a/src/frontend/src/app/screens/profile/profile.component.html b/src/frontend/src/app/screens/profile/profile.component.html
@@ -16,7 +16,12 @@
     </app-thumbnail>
   </div>
 
-  <button id="next" *ngIf="count() > 5" class="button centered" (click)="onNextClick()">
+  <button
+    id="next"
+    *ngIf="count() > 5"
+    class="button centered"
+    (click)="onNextClick()"
+  >
     Next
   </button>
 </div>
diff --git a/src/frontend/src/app/screens/settings/change-password/change-password.component.html b/src/frontend/src/app/screens/settings/change-password/change-password.component.html
@@ -50,7 +50,7 @@ <h1 class="title">Change Password</h1>
       </button>
     </div>
 
-    <button type="submit" class="button" [disabled]="!form.valid">
+    <button type="submit" class="button centered" [disabled]="!form.valid">
       Change Password
     </button>
   </form>

diff --git a/src/frontend/src/app/screens/signup/login.component.html b/src/frontend/src/app/screens/signup/login.component.html
@@ -1,7 +1,7 @@
 <div class="container full-width">
   <h1 class="title">Log In</h1>
 
-  <p class="description subtitle centered">
+  <p class="description centered">
     Log in to your account to post amazing images and catch up with the community
   </p>
 
@@ -37,7 +37,7 @@ <h1 class="title">Log In</h1>
       </button>
     </div>
 
-    <button type="submit" class="button" [disabled]="!form.valid">
+    <button type="submit" class="button centered" [disabled]="!form.valid">
       Log In
     </button>
   </form>

diff --git a/src/frontend/src/app/screens/signup/signup.component.html b/src/frontend/src/app/screens/signup/signup.component.html
@@ -1,7 +1,7 @@
 <div class="container full-width">
   <h1 class="title">Register</h1>
 
-  <p class="description subtitle centered">
+  <p class="description centered">
     Create account to post amazing images and see what the community has created
   </p>
 
@@ -60,7 +60,7 @@ <h1 class="title">Register</h1>
       </button>
     </div>
 
-    <button type="submit" class="button" [disabled]="!form.valid">
+    <button type="submit" class="button centered" [disabled]="!form.valid">
       Create Account
     </button>
   </form>

diff --git a/src/frontend/src/styles/_components.scss b/src/frontend/src/styles/_components.scss
@@ -30,7 +30,6 @@
 
 button[type=submit] {
   width: 40%;
-  @include center-block;
 }
 
 .button, input, .icon, textarea {
@@ -75,8 +74,7 @@ button[type=submit] {
 }
 
 .centered {
-  margin-left: auto;
-  margin-right: auto;
+  @include center-block;
 }
 
 .bordered {