Merge branch 'ux-fixes' into 'master'

Ux fixes

Closes #274 and #275

See merge request !223

src/app/components/shared/comment-list/comment-list.component.html

@@ -9,8 +9,6 @@
     <mat-icon>close</mat-icon>
   </button>
 
-   <!-- <span class="fill-remaining-space"></span> -->
-
   <div class="button-bar" fxLayoutAlign="center center">
     <div *ngIf="comments && comments.length > 0">
       <mat-chip-list>

src/app/components/shared/comment-list/comment-list.component.scss

@@ -109,3 +109,8 @@ h4  {
 .down {
   color: var(--red);
 }
+
+::placeholder {
+  color: var(--on-primary);
+  opacity: 1;
+}

src/app/components/shared/room-join/room-join.component.scss

@@ -25,3 +25,8 @@ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-i
 mat-hint {
   color: var(--on-surface) !important;
 }
+
+::placeholder {
+  color: var(--on-surface);
+  opacity: 1;
+}

src/app/components/shared/room-list/room-list.component.html

@@ -28,10 +28,3 @@
     </p>
   </mat-expansion-panel>
 </div>
-
-<mat-card id="no-sessions-card" *ngIf="rooms && rooms.length === 0">
-  <mat-card-header>
-    <mat-card-title *ngIf="baseUrl === 'creator'">Sie haben noch keine Sessions erstellt!</mat-card-title>
-    <mat-card-title *ngIf="baseUrl === 'participant'">Sie sind noch keiner Session beigetreten!</mat-card-title>
-  </mat-card-header>
-</mat-card>

src/app/components/shared/room-list/room-list.component.scss

@@ -46,11 +46,6 @@ mat-card-title {
   text-align: center;
 }
 
-#no-sessions-card {
-  background-color: var(--grey);
-  color: var(--primary);
-}
-
 mat-progress-spinner {
   margin-top: 30px;
 }