Customize buttons stylings

src/app/creator-choice-content/creator-choice-content.component.html

@@ -27,9 +27,9 @@
 
   <mat-divider></mat-divider>
 
-  <div fxLayout="row" fxLayoutGap="5px">
+  <div fxLayout="row" fxLayoutGap="15px">
     <div fxLayout="column" fxLayoutAlign="center">
-      <mat-checkbox #answerIsCorrect color="primary"></mat-checkbox>
+      <mat-checkbox #answerIsCorrect color="primary">Is correct</mat-checkbox>
     </div>
     <mat-form-field>
       <input matInput #answerLabel placeholder="Answer" name="answer">
@@ -45,5 +45,5 @@
     </div>
   </div>
 
-  <button mat-button type="submit">Submit</button>
+  <button mat-raised-button type="submit" color="primary">Submit</button>
 </form>

src/app/creator-text-content/creator-text-content.component.html

@@ -5,5 +5,5 @@
   <mat-form-field>
     <textarea matInput #body [(ngModel)]="content.body" placeholder="Body" name="body"></textarea>
   </mat-form-field>
-  <button mat-button type="submit">Submit</button>
+  <button mat-raised-button type="submit" color="primary">Submit</button>
 </form>

src/app/participant-choice-content/participant-choice-content.component.html

@@ -7,5 +7,5 @@
       <mat-checkbox color="primary">{{ answer.label }}</mat-checkbox>
     </mat-list-item>
   </mat-list>
-  <button mat-button>Send answer</button>
+  <button mat-raised-button color="primary">Send answer</button>
 </form>

src/app/participant-text-content/participant-text-content.component.html

@@ -5,5 +5,5 @@
   <mat-form-field>
     <textarea matInput #answer placeholder="Your answer"></textarea>
   </mat-form-field>
-  <button mat-button type="submit">Submit</button>
+  <button mat-raised-button type="submit" color="primary">Submit</button>
 </form>

src/app/participant-text-content/participant-text-content.component.scss

+mat-form-field {
+  display: block;
+}