Improve responsiveness

This commit is contained in:
Peter Maquiran
2021-05-11 16:08:33 +01:00
parent 64a11f5d1c
commit b8934d2c77
2 changed files with 7 additions and 11 deletions
@@ -5,15 +5,13 @@
<ion-content> <ion-content>
<div class="main-content d-flex height-100"> <div class="main-content d-flex height-100">
<div class="content d-flex flex-column" *ngIf="task"> <div class="content d-flex flex-column" *ngIf="task">
<div class="main-header"> <div class="main-header ">
<div class="title-content"> <div class="title-content d-flex justify-space-between align-center">
<ion-toolbar> <div class="font-30 cursor-pointer" (click)="goBack()" defaultHref="#">
<ion-buttons slot="start"> <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-back-button (click)="goBack()" defaultHref="#"></ion-back-button> </div>
</ion-buttons>
</ion-toolbar>
<!-- <app-btn-modal-dismiss></app-btn-modal-dismiss> --> <!-- <app-btn-modal-dismiss></app-btn-modal-dismiss> -->
<div class="middle"> <div class="middle d-flex align-center flex-grow-1">
<ion-label class="title">{{ task.Folio}}</ion-label> <ion-label class="title">{{ task.Folio}}</ion-label>
</div> </div>
<div class="div-icon"> <div class="div-icon">
@@ -33,7 +33,7 @@
padding: 0!important; padding: 0!important;
float: left; float: left;
width: 280px; width: 280px;
margin: 2.5px 0 0 5px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -74,8 +74,6 @@
font-size: 25px; font-size: 25px;
overflow: auto; overflow: auto;
float: left; float: left;
padding-top: 4px;
padding-left: 5px;
} }
.div-icon{ .div-icon{
width: 40px; width: 40px;