renamed 'width100' to 'tile'

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

@@ -1,11 +1,11 @@
-<div class="width100">
+<div class="tile">
   <app-dashboard-electricity-tile [now]="now"></app-dashboard-electricity-tile>
 </div>
 
-<div class="width100">
+<div class="tile">
   <app-dashboard-air-tile [now]="now"></app-dashboard-air-tile>
 </div>
 
-<div class="width100">
+<div class="tile">
   <app-dashboard-heating-tile [now]="now"></app-dashboard-heating-tile>
 </div>

src/main/angular/src/common.less

@@ -1,2 +1,2 @@
 @import "states";
-@import "widths";
+@import "tile";

src/main/angular/src/tile.less

@@ -0,0 +1,32 @@
+@import "config";
+
+.tile {
+  float: left;
+  width: 100%;
+  padding: calc(@space / 2);
+}
+
+@media (min-width: 1000px) {
+
+  .tile {
+    width: 33.33%;
+    min-height: 400px;
+  }
+
+}
+
+@media (min-width: 1500px) {
+
+  .tile {
+    width: 25%;
+  }
+
+}
+
+@media (min-width: 2000px) {
+
+  .tile {
+    width: 20%;
+  }
+
+}

src/main/angular/src/widths.less

@@ -1,45 +0,0 @@
-@import "config";
-
-.width100 {
-  float: left;
-  width: 100%;
-  padding: calc(@space / 2);
-}
-
-.width50 {
-  float: left;
-  width: 50%;
-  padding: calc(@space / 2);
-}
-
-.width50:nth-child(2n) {
-  padding-left: calc(@space / 2);
-}
-
-.width50:nth-child(2n+1) {
-  padding-right: calc(@space / 2);
-}
-
-@media (min-width: 1000px) {
-
-  .width100 {
-    width: 33.33%;
-  }
-
-}
-
-@media (min-width: 1500px) {
-
-  .width100 {
-    width: 25%;
-  }
-
-}
-
-@media (min-width: 2000px) {
-
-  .width100 {
-    width: 20%;
-  }
-
-}