Renaming styles

src/app/components/preferences/general/general-preferences.component.html

@@ -5,6 +5,6 @@
         </div>
     </div>
     <div class="default-content">
-        <div class="example-container mat-elevation-z8"></div>
+        <div class="container mat-elevation-z8"></div>
     </div>
 </div>

src/app/components/preferences/preferences.component.html

@@ -5,7 +5,7 @@
         </div>
     </div>
     <div class="default-content">
-        <div class="example-container mat-elevation-z8">
+        <div class="container mat-elevation-z8">
             <mat-nav-list>
                 <mat-list-item>
                     <button mat-button routerLink="/server/{{serverId}}/preferences/vpcs/templates">

src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html

@@ -5,7 +5,7 @@
         </div>
     </div>
     <div class="default-content">
-        <div class="example-container mat-elevation-z8">
+        <div class="container mat-elevation-z8">
             <mat-vertical-stepper [linear]="true">
                 <mat-step label="QEMU VM Name">
                     <form [formGroup]="firstStepForm">

src/app/components/preferences/qemu/qemu-preferences/qemu-preferences.component.html

@@ -6,15 +6,15 @@
         </div>
     </div>
     <div class="default-content">
-        <div class="example-container mat-elevation-z8">
+        <div class="container mat-elevation-z8">
             <mat-nav-list *ngIf="settings">
                 <mat-list-item>
-                    <mat-checkbox class="example-margin" [(ngModel)]="settings.enable_hardware_acceleration">
+                    <mat-checkbox [(ngModel)]="settings.enable_hardware_acceleration">
                         Enable Hardware Acceleration (KVM/HAXM)
                     </mat-checkbox>
                 </mat-list-item>
                 <mat-list-item *ngIf="settings.enable_hardware_acceleration">
-                    <mat-checkbox class="example-margin" [(ngModel)]="settings.require_hardware_acceleration">
+                    <mat-checkbox [(ngModel)]="settings.require_hardware_acceleration">
                         Require Hardware Acceleration (KVM/HAXM)
                     </mat-checkbox>
                 </mat-list-item>

src/app/components/preferences/qemu/qemu-vm-template-details/qemu-vm-template-details.component.html

@@ -195,7 +195,7 @@
                     </mat-option>
                 </mat-select>
                 </mat-form-field>
-                <button mat-raised-button color="primary" class="configButton" (click)="configureCustomAdapters()">Configure custom adapters</button><br/>
+                <button mat-raised-button class="configButton" (click)="configureCustomAdapters()">Configure custom adapters</button><br/>
                 <mat-checkbox [(ngModel)]="qemuTemplate.legacy_networking">
                     Use the legacy networking mode
                 </mat-checkbox>
@@ -324,7 +324,7 @@
         </div>
     </div>
     <div class="default-content" *ngIf="qemuTemplate">
-        <div class="example-container mat-elevation-z8">
+        <div class="container mat-elevation-z8">
             <table class="table" mat-table [dataSource]="adapters">
                 <ng-container matColumnDef="adapter_number">
                     <th mat-header-cell *matHeaderCellDef> Adapter number </th>

src/app/components/preferences/qemu/qemu-vm-template-details/qemu-vm-template-details.component.scss

@@ -32,8 +32,7 @@
 }
 
 .shadowed {
-    opacity: 0.4;
+    display: none;
-    margin-right: 80%;
     transition: 0.25s;
 }
 
@@ -42,13 +41,6 @@
     transition: 0.25s;
 }
 
-.configurator {
-    position: absolute;
-    top: 60px;
-    left: 40%;
-    min-width: 40%;
-}
-
 th {
     border: 0px!important;
 }

src/app/components/preferences/qemu/qemu-vm-templates/qemu-vm-templates.component.html

@@ -6,7 +6,7 @@
         </div>
     </div>
     <div class="default-content">
-        <div class="example-container mat-elevation-z8">
+        <div class="container mat-elevation-z8">
             <mat-nav-list *ngIf="server">
                 <mat-list-item *ngFor='let template of qemuTemplates' routerLink="{{template.template_id}}">
                     {{template.name}}

src/app/components/preferences/vpcs/vpcs-templates/vpcs-templates.component.html

@@ -6,7 +6,7 @@
         </div>
     </div>
     <div class="default-content">
-        <div class="example-container mat-elevation-z8">
+        <div class="container mat-elevation-z8">
             <mat-nav-list *ngIf="server">
                 <mat-list-item *ngFor='let template of vpcsTemplates' routerLink="{{template.template_id}}">
                     {{template.name}}

src/app/components/project-map/project-map.component.html

@@ -79,7 +79,7 @@
         <app-template [server]="server" (onNodeCreation)="onNodeCreation($event)"></app-template>
       </mat-toolbar-row>
 
-      <mat-toolbar-row>
+      <mat-toolbar-row *ngIf="!readonly">
         <button mat-icon-button routerLink="/server/{{server.id}}/preferences">
           <mat-icon>settings_applications</mat-icon>
         </button>

src/app/components/projects/projects.component.html

@@ -25,7 +25,7 @@
     </div>
   </div>
   <div class="default-content">
-    <div class="example-container mat-elevation-z8">
+    <div class="container mat-elevation-z8">
       <mat-table #table [dataSource]="dataSource" matSort>
         <ng-container matColumnDef="name">
           <mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>

src/app/components/servers/servers.component.html

@@ -3,7 +3,7 @@
   <div class="default-content">
     <app-server-discovery></app-server-discovery>
 
-    <div class="example-container mat-elevation-z8">
+    <div class="container mat-elevation-z8">
       <mat-table #table [dataSource]="dataSource">
         <ng-container matColumnDef="id">
           <mat-header-cell *matHeaderCellDef> ID </mat-header-cell>

src/app/components/settings/settings.component.html

@@ -10,19 +10,19 @@
           </mat-expansion-panel-header>
 
           <div>
-            <mat-checkbox class="example-margin" [(ngModel)]="settings.crash_reports"
+            <mat-checkbox [(ngModel)]="settings.crash_reports"
               >Send anonymous crash reports</mat-checkbox
             >
           </div>
 
           <div>
-            <mat-checkbox class="example-margin" [(ngModel)]="settings.experimental_features"
+            <mat-checkbox [(ngModel)]="settings.experimental_features"
               >Enable experimental features (WARNING: IT CAN BREAK YOU LABS!)</mat-checkbox
             >
           </div>
 
           <div>
-            <mat-checkbox class="example-margin" [(ngModel)]="settings.angular_map"
+            <mat-checkbox [(ngModel)]="settings.angular_map"
               >Enable experimental Angular Map (WARNING: IT CAN BREAK YOU LABS!)</mat-checkbox
             >
           </div>

src/app/components/template/template-list-dialog/template-list-dialog.component.html

@@ -1,5 +1,5 @@
 <div mat-dialog-content>
-  <div class="example-header">
+  <div class="header">
     <mat-form-field floatPlaceholder="never">
       <input matInput #filter placeholder="Filter templates" />
     </mat-form-field>

src/app/components/template/template-list-dialog/template-list-dialog.component.scss

@@ -1,4 +1,4 @@
-.example-header {
+.header {
   min-height: 64px;
   display: flex;
   align-items: baseline;

src/app/layouts/default-layout/default-layout.component.css

@@ -63,7 +63,7 @@ header {
   flex: 1 1 auto;
 }
 
-.example-container > * {
+.container > * {
   width: 100%;
 }