styles file structure cleanup

src/main/angular/src/app/app.component.less

@@ -1,4 +1,4 @@
-@import "../common.less";
+@import "../styles/config";
 
 #mainMenu {
   border-bottom: 1px solid black;
@@ -19,12 +19,4 @@
     background-color: lightskyblue;
   }
 
-  .userHasPassword {
-    color: green;
-  }
-
-  .userNoPassword {
-    color: indianred;
-  }
-
 }

src/main/angular/src/app/pages/group/group/group.component.html

@@ -49,7 +49,7 @@
         </div>
         <div class="tileContent">
           <table>
-            <tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.usersByNameOwnerFirst()">
+            <tr *ngFor="let user of group.usersByNameOwnerFirst()">
               <td (click)="userService.goto(user)">
                 {{ user.name }}
               </td>
@@ -77,7 +77,7 @@
         </div>
         <div class="tileContent">
           <table>
-            <tr [class.user_owner]="group.isOwner(user)" *ngFor="let user of group.bannedByName()">
+            <tr *ngFor="let user of group.bannedByName()">
               <td (click)="userService.goto(user)">
                 {{ user.name }}
               </td>

src/main/angular/src/app/pages/group/group/group.component.less

@@ -1,4 +1,4 @@
-@import "../../../../common.less";
+@import "../../../../styles/config";
 
 th {
   text-align: left;

src/main/angular/src/app/pages/group/groups/groups.component.less

@@ -1 +1 @@
-@import "../../../../common.less";
+@import "../../../../styles/config";

src/main/angular/src/app/pages/group/shared/group-list/group-list.component.less

@@ -1,4 +1,4 @@
-@import "../../../../../common.less";
+@import "../../../../../styles/config";
 
 td {
   border: 1px solid black;

src/main/angular/src/app/pages/profile/profile.component.less

@@ -1,3 +1,5 @@
+@import "../../../styles/config";
+
 table {
   width: 100%;
 }

src/main/angular/src/app/pages/tools/numbers/numbers.component.less

@@ -1,3 +1,5 @@
+@import "../../../../styles/config";
+
 .huge {
   font-size: 50vmin;
   white-space: nowrap;

src/main/angular/src/app/pages/tools/solar-system/printout/solar-system-printout.component.less

@@ -1,4 +1,4 @@
-@import "../../../../../common.less";
+@import "../../../../../styles/config";
 
 @page {
   size: A4;

src/main/angular/src/app/pages/tools/solar-system/solar-system.component.less

@@ -1,4 +1,4 @@
-@import "../../../../common.less";
+@import "../../../../styles/config";
 
 .name {
   text-align: left;

src/main/angular/src/app/pages/tools/voltage-drop/voltage-drop.component.less

@@ -1,4 +1,4 @@
-@import "../../../../common.less";
+@import "../../../../styles/config";
 
 #VoltageDropInputs {
 

src/main/angular/src/app/pages/user/user.component.less

@@ -1 +1 @@
-@import "../../../common.less";
+@import "../../../styles/config";

src/main/angular/src/app/shared/password-tile/password-tile.component.less

@@ -1 +1 @@
-@import "../../../common";
+@import "../../../styles/config";

src/main/angular/src/app/shared/text/text.component.less

@@ -1,4 +1,4 @@
-@import "../../../common.less";
+@import "../../../styles/config";
 
 .unsaved {
   background-color: yellow;

src/main/angular/src/styles.less

@@ -1,89 +1,4 @@
-@import "./common.less";
+@import "./styles/basic";
-
+@import "./styles/tiles";
-body {
+@import "./styles/button";
-  font-family: sans-serif;
+@import "./styles/user";
-  font-size: 4vw;
-  margin: 0;
-}
-
-div {
-  box-sizing: border-box;
-  overflow: hidden;
-}
-
-a {
-  text-decoration: none;
-}
-
-input {
-  all: unset;
-  background-color: white;
-  border: 1px solid lightgray;
-}
-
-select {
-  font-size: inherit;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-.tileContainer {
-  padding: @halfSpace;
-
-  .tile {
-    width: 100%;
-    padding: @halfSpace;
-
-    .tileInner {
-      border: 1px solid #ddd;
-      border-radius: @space;
-      background-color: #fbfbfb;
-
-      .tileTitle {
-        font-weight: bold;
-        padding: @halfSpace @space;
-        background-color: lightskyblue;
-      }
-
-      .tileContent {
-        padding: @halfSpace;
-
-        table {
-          width: 100%;
-        }
-
-        td {
-          white-space: nowrap;
-          border: 0.2em solid white;
-        }
-
-      }
-
-      .tileFooter {
-        padding: @halfSpace @space;
-      }
-
-    }
-
-  }
-
-}
-
-@media (min-width: 1000px) {
-
-  body {
-    font-size: 18px;
-  }
-
-  .tileContainer {
-
-    .tile {
-      float: left;
-      width: 500px;
-    }
-
-  }
-
-}

src/main/angular/src/styles/basic.less

@@ -0,0 +1,38 @@
+@import "./config";
+
+body {
+  font-family: sans-serif;
+  font-size: 4vw;
+  margin: 0;
+}
+
+div {
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+a {
+  text-decoration: none;
+}
+
+input {
+  all: unset;
+  background-color: white;
+  border: 1px solid lightgray;
+}
+
+select {
+  font-size: inherit;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+@media (min-width: 1000px) {
+
+  body {
+    font-size: 18px;
+  }
+
+}

src/main/angular/src/styles/button.less

@@ -1,4 +1,4 @@
-@import "./user.less";
+@import "./config";
 
 .buttons {
   margin-bottom: @halfSpace;

src/main/angular/src/styles/tiles.less

@@ -0,0 +1,60 @@
+@import "./config";
+
+.tileContainer {
+  padding: @halfSpace;
+
+  .tile {
+    width: 100%;
+    padding: @halfSpace;
+
+    .tileInner {
+      border: 1px solid #ddd;
+      border-radius: @space;
+      background-color: #fbfbfb;
+
+      .tileTitle {
+        font-weight: bold;
+        padding: @halfSpace @space;
+        background-color: lightskyblue;
+      }
+
+      .tileContent {
+        padding: @halfSpace;
+
+        table {
+          width: 100%;
+        }
+
+        td {
+          white-space: nowrap;
+          border: 0.2em solid white;
+        }
+
+      }
+
+      .tileFooter {
+        padding: @halfSpace @space;
+      }
+
+    }
+
+  }
+
+}
+
+@media (min-width: 1000px) {
+
+  body {
+    font-size: 18px;
+  }
+
+  .tileContainer {
+
+    .tile {
+      float: left;
+      width: 500px;
+    }
+
+  }
+
+}

src/main/angular/src/styles/user.less

@@ -0,0 +1,9 @@
+@import "./config";
+
+.userHasPassword {
+  color: green;
+}
+
+.userNoPassword {
+  color: indianred;
+}

src/main/angular/src/user.less

@@ -1,18 +0,0 @@
-@import "./config.less";
-
-.user {
-  float: left;
-  padding: @halfSpace;
-  background-color: lightskyblue;
-  border-radius: @halfSpace;
-  margin-right: @halfSpace;
-  margin-bottom: @halfSpace;
-}
-
-.user_owner {
-  border: 1px solid black;
-}
-
-.user:hover {
-  background-color: dodgerblue;
-}