Merge pull request #4030 from Ombi-app/develop-test2

Multiple css fixes
Ombi-app · Feb 4, 2021 · 996219c · 996219c
2 parents 0ea19ec + 6b38d6e
commit 996219c
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 7 deletions.
diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
@@ -18,13 +18,13 @@
                     <div class="small-text ellipsis">{{result.overview}}</div>
                 </div>
             </a>
-            <div class="row" *ngIf="!result.available && !result.approved">
-                <div class="col-12">
-                    <button mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
-                        <mat-icon *ngIf="!loading">cloud_download</mat-icon>
-                        <i *ngIf="loading" class="fas fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
-                    </button>
-                </div>
+        </div>
+        <div class="row button-request-container" *ngIf="!result.available && !result.approved">
+            <div class="button-request poster-overlay">
+                <button mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
+                    <mat-icon *ngIf="!loading">cloud_download</mat-icon>
+                    <i *ngIf="loading" class="fas fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
+                </button>
             </div>
         </div>
 </div>
diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
@@ -240,4 +240,24 @@ a.poster-overlay:hover{
 
 .ombi-card #cardImage:hover{
   cursor: pointer;
+}
+
+.ombi-card .button-request-container{
+  position: relative;
+  width: 100%;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: -37px;
+  margin-bottom: 0px;
+  opacity:0;
+  transition: .5s ease;
+}
+
+::ng-deep .ombi-card .button-request-container .button-request{
+  padding-right:0px;
+  padding-left:0px;
+}
+
+.c:hover .button-request-container {
+  opacity:1;
 }
diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
@@ -62,6 +62,13 @@
   margin-top:-61px;
 }
 
+@media (max-width:520px){
+  .right{
+      margin-top:0px;
+      text-align: center;;
+  }
+}
+
 .discover-filter-buttons-group {
   background: $ombi-background-primary;
   border: 1px solid $ombi-background-primary-accent;

diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
@@ -121,6 +121,10 @@
         font-size:36px;
         padding:40px 20px;
         height:auto;
+        max-width: 350px;
+        display: flex;
+        white-space: normal;
+        text-align: center;
     }
 
     .outer-profile {