From 078a3c3476095c88ea3dbcc02f94f534fb13f5f1 Mon Sep 17 00:00:00 2001
From: Florian Eisenmenger <floeis@MacBook-Pro-von-Florian.local>
Date: Tue, 12 Mar 2024 16:03:25 +0100
Subject: [PATCH] scss cleanup

---
 matsen-tool/src/app/home/home.component.html  | 28 +++++--------------
 .../partners-detail.component.html            |  2 +-
 .../partners-detail.component.scss            |  3 --
 .../src/app/partners/partners.component.html  |  6 ++--
 .../src/app/partners/partners.component.scss  | 11 --------
 .../src/app/products/products.component.scss  |  7 -----
 matsen-tool/src/assets/scss/_table.scss       | 19 +++++++++++++
 matsen-tool/src/styles.scss                   |  1 +
 8 files changed, 32 insertions(+), 45 deletions(-)
 create mode 100644 matsen-tool/src/assets/scss/_table.scss

diff --git a/matsen-tool/src/app/home/home.component.html b/matsen-tool/src/app/home/home.component.html
index 0327f3e..5f60980 100644
--- a/matsen-tool/src/app/home/home.component.html
+++ b/matsen-tool/src/app/home/home.component.html
@@ -1,7 +1,7 @@
 <div class="home-container pb-5">
     <div class="pt-4">
         <div class="container">
-            <h1>{{'user.hello' | translate}} {{ user?.firstName }}!</h1>
+            <h1>{{ 'user.hello' | translate }} {{ user?.firstName }}!</h1>
             <p *ngIf="userIsAdmin"><a routerLink="/users">Manage Users</a></p>
         </div>
     </div>
@@ -11,21 +11,21 @@
             <div class="col d-flex">
                 <a class="card" routerLink="/customer" routerLinkActive="active">
                     <div class="card-body position-relative bi bi-emoji-heart-eyes">
-                        <h3 class="position-absolute m-0">{{'basic.customer' | translate}}</h3>
+                        <h3 class="position-absolute m-0">{{ 'basic.customer' | translate }}</h3>
                     </div>
                 </a>
             </div>
             <div class="col d-flex">
                 <a class="card" routerLink="/supplier" routerLinkActive="active">
                     <div class="card-body position-relative bi bi-emoji-kiss">
-                        <h3 class="position-absolute m-0">{{'basic.supplier' | translate}}</h3>
+                        <h3 class="position-absolute m-0">{{ 'basic.supplier' | translate }}</h3>
                     </div>
                 </a>
             </div>
             <div class="col d-flex">
                 <a class="card" routerLink="/service" routerLinkActive="active">
                     <div class="card-body position-relative bi bi-emoji-smile">
-                        <h3 class="position-absolute m-0">{{'basic.service' | translate}}</h3>
+                        <h3 class="position-absolute m-0">{{ 'basic.service' | translate }}</h3>
                     </div>
                 </a>
             </div>
@@ -37,21 +37,21 @@
             <div class="col d-flex">
                 <a class="card" routerLink="/products" routerLinkActive="active">
                     <div class="card-body position-relative bi bi-droplet-fill">
-                        <h3 class="position-absolute m-0">{{'basic.products' | translate}}</h3>
+                        <h3 class="position-absolute m-0">{{ 'basic.products' | translate }}</h3>
                     </div>
                 </a>
             </div>
             <div class="col d-flex">
                 <a class="card" routerLink="/tasks" routerLinkActive="active">
                     <div class="card-body position-relative bi bi-list-check">
-                        <h3 class="position-absolute m-0">{{'basic.tasks' | translate}}</h3>
+                        <h3 class="position-absolute m-0">{{ 'basic.tasks' | translate }}</h3>
                     </div>
                 </a>
             </div>
             <div class="col d-flex">
                 <a class="card" routerLink="/documents" routerLinkActive="active">
                     <div class="card-body position-relative bi bi-journals">
-                        <h3 class="position-absolute m-0">{{'basic.documents' | translate}}</h3>
+                        <h3 class="position-absolute m-0">{{ 'basic.documents' | translate }}</h3>
                     </div>
                 </a>
             </div>
@@ -99,19 +99,5 @@
                 </div>
             </div>
         </div>
-
     </div>
-
 </div>
-<ul>
-    <li *ngFor="let user of users">
-        <h2>{{ user.id }} - {{ user.lastName }}</h2>
-        <p>{{ user.email }}</p>
-    </li>
-</ul>
-<ul>
-    <li *ngFor="let post of posts">
-        <h2>{{ post.id }} - {{ post.owner }}</h2>
-        <p>{{ post.message }}</p>
-    </li>
-</ul>
diff --git a/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html b/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html
index dcbd0ad..0d59380 100644
--- a/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html
+++ b/matsen-tool/src/app/partners/partners-detail/partners-detail.component.html
@@ -27,7 +27,7 @@
             </div>
             <div class="col-4">
                 <img *ngIf="partner.logoUrl !== null && partner.logoUrl !== undefined" src="{{partner.logoUrl}}" width="247"
-                     height="94" alt="{{partner.name}}" title="{{partner.name}}"/>
+                     height="94" alt="{{partner.name}}" title="{{partner.name}}" />
             </div>
             <span class="position-absolute bi bi-pencil p-2" data-type="user-tool" data-action="edit"
                   (click)="openModalEditPartner()"></span>
diff --git a/matsen-tool/src/app/partners/partners-detail/partners-detail.component.scss b/matsen-tool/src/app/partners/partners-detail/partners-detail.component.scss
index 5836826..e69de29 100644
--- a/matsen-tool/src/app/partners/partners-detail/partners-detail.component.scss
+++ b/matsen-tool/src/app/partners/partners-detail/partners-detail.component.scss
@@ -1,3 +0,0 @@
-.contacts {
-
-}
\ No newline at end of file
diff --git a/matsen-tool/src/app/partners/partners.component.html b/matsen-tool/src/app/partners/partners.component.html
index 92cef0e..9f78fb6 100644
--- a/matsen-tool/src/app/partners/partners.component.html
+++ b/matsen-tool/src/app/partners/partners.component.html
@@ -28,7 +28,8 @@
         </ng-container>
 
         <ng-container matColumnDef="name">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header sortActionDescription="{{ 'overview.sort' | translate }}: {{ partnerNameOne }}">
+            <th mat-header-cell *matHeaderCellDef mat-sort-header
+                sortActionDescription="{{ 'overview.sort' | translate }}: {{ partnerNameOne }}">
                 {{ partnerNameOne }}
             </th>
             <td mat-cell *matCellDef="let element"><span role="button"
@@ -48,7 +49,8 @@
         </ng-container>
 
         <ng-container matColumnDef="website">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header sortActionDescription="{{ 'overview.sort' | translate }}: {{ 'overview.website' | translate }}">
+            <th mat-header-cell *matHeaderCellDef mat-sort-header
+                sortActionDescription="{{ 'overview.sort' | translate }}: {{ 'overview.website' | translate }}">
                 {{ 'overview.website' | translate }}
             </th>
             <td mat-cell *matCellDef="let element"><a href="{{ element.website }}"
diff --git a/matsen-tool/src/app/partners/partners.component.scss b/matsen-tool/src/app/partners/partners.component.scss
index 94904aa..e69de29 100644
--- a/matsen-tool/src/app/partners/partners.component.scss
+++ b/matsen-tool/src/app/partners/partners.component.scss
@@ -1,11 +0,0 @@
-table {
-  width: 100%;
-  img {
-    width: 40px;
-    height: auto;
-  }
-}
-
-th.mat-sort-header-sorted {
-  color: black;
-}
\ No newline at end of file
diff --git a/matsen-tool/src/app/products/products.component.scss b/matsen-tool/src/app/products/products.component.scss
index 64ae330..e69de29 100644
--- a/matsen-tool/src/app/products/products.component.scss
+++ b/matsen-tool/src/app/products/products.component.scss
@@ -1,7 +0,0 @@
-table {
-  width: 100%;
-  img {
-    width: 40px;
-    height: auto;
-  }
-}
diff --git a/matsen-tool/src/assets/scss/_table.scss b/matsen-tool/src/assets/scss/_table.scss
new file mode 100644
index 0000000..969855d
--- /dev/null
+++ b/matsen-tool/src/assets/scss/_table.scss
@@ -0,0 +1,19 @@
+table {
+  width: 100%;
+  img {
+    width: 40px;
+    height: auto;
+  }
+}
+
+th.mat-sort-header-sorted {
+  color: black;
+}
+
+.mat-mdc-table {
+  .mdc-data-table__cell,
+  .mdc-data-table__header-cell {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
diff --git a/matsen-tool/src/styles.scss b/matsen-tool/src/styles.scss
index c1e3c86..bc7b608 100644
--- a/matsen-tool/src/styles.scss
+++ b/matsen-tool/src/styles.scss
@@ -4,5 +4,6 @@
 @import "assets/scss/basics";
 @import "assets/scss/modal";
 @import "assets/scss/form";
+@import "assets/scss/table";
 @import "assets/scss/button";
 @import "assets/scss/accordion";