commit 983dd42ae2ebaa2e44302684bacfc11de5b0b258
author chalepad <dimitrios.chalepakis@pta.de> Fri Jul 13 10:03:52 2018 +0200
committer chalepad <dimitrios.chalepakis@pta.de> Fri Jul 13 10:03:52 2018 +0200
tree 070e0b5e287cb468ec82149ebe81ef581c355d2f
parent 6b103cd9b341277a354f77e4b8a763d4075c1eb0

GNM-740 FE Im Portal die Seitenränder in der mobilen Ansicht verkleinern

src/app/pages/module-grid/module-grid.component.css

diff --git a/src/app/pages/module-grid/module-grid.component.css b/src/app/pages/module-grid/module-grid.component.css
index c973810..576b3a4 100644
--- a/src/app/pages/module-grid/module-grid.component.css
+++ b/src/app/pages/module-grid/module-grid.component.css
@@ -36,20 +36,27 @@
     margin-right: 15px;
 }
 
-#topcontainer {
-
-    margin-top:auto;
-    margin-bottom:auto;
-    text-align:center;
-}
-
 #centercontainer {
-    width: 60%;
+    width: 100%;
     margin: 0 auto;
 }
 
-#bottomcontainer {
-    height: 30px;
+#moduleRightsCondition {
+    justify-content: center;
+}
+
+#forLoopDiv {
+    padding-top: 25px;
+    cursor: pointer;
+    width: 330px;
+    height: 330px;
+}
+
+#picDiv {
+    text-align: center;
+    border-radius: 10px;
+    width: 100%;
+    height: 100%;
 }
 
 a:link {

src/app/pages/module-grid/module-grid.component.html

diff --git a/src/app/pages/module-grid/module-grid.component.html b/src/app/pages/module-grid/module-grid.component.html
index e78f9ff..bc7f261 100644
--- a/src/app/pages/module-grid/module-grid.component.html
+++ b/src/app/pages/module-grid/module-grid.component.html
@@ -11,24 +11,19 @@
 -->
 
 
-<div>
-  <div id="topcontainer"></div>
-  <div id="centercontainer">
-    <div *ngIf="moduleRights" class="row">
-      <div (click)="goToElogbookIfValid(userModule)" [style.color]="userModule.color" [style.background]="000000" style="padding-top:25px; cursor: pointer;width:300px; height:300px"
-        *ngFor="let userModule of userModules" class="col-md-4 md-whiteframe-4dp hvr-grow">
-        <div [style.background-image]="'url(' + userModule.pictureLink + ')'" style=" text-align: center; border-radius: 10px; width:100%; height:100%;">
-          <div class="title-footer">
-            <span class="element underline-opening">{{userModule.name}}</span>
-          </div>
+<div id="centercontainer">
+  <div id="moduleRightsCondition" *ngIf="moduleRights" class="row">
+    <div id="forLoopDiv" (click)="goToElogbookIfValid(userModule)" [style.color]="userModule.color" [style.background]="000000"
+      *ngFor="let userModule of userModules" class="col-md-4 md-whiteframe-4dp hvr-grow">
+      <div id="picDiv" [style.background-image]="'url(' + userModule.pictureLink + ')'">
+        <div class="title-footer">
+          <span class="element underline-opening">{{userModule.name}}</span>
         </div>
       </div>
     </div>
   </div>
-  <div *ngIf="!moduleRights" style="text-align: center;">
-    <h2>Der Benutzer hat keine Rechte</h2>
-    <h4>Bitte kontaktieren Sie Ihren Administrator</h4>
-  </div>
 </div>
-<div id="bottomcontainer">
+<div *ngIf="!moduleRights" style="text-align: center;">
+  <h2>Der Benutzer hat keine Rechte</h2>
+  <h4>Bitte kontaktieren Sie Ihren Administrator</h4>
 </div>
\ No newline at end of file