Modifying card size to better spread out projects

phev8 · Nov 10, 2019 · 8c01875 · 8c01875
1 parent a443aaf
commit 8c01875
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/web/src/app/projects/projects.component.html b/web/src/app/projects/projects.component.html
@@ -33,7 +33,7 @@
 
   <div *ngIf="!isDatagridView">
     <div class="clr-row">
-      <div class="clr-col max-width-35" *ngFor="let project of projects">
+      <div class="clr-col max-width-35 min-width-25" *ngFor="let project of projects">
         <div class="card">
           <div class="card-header">
             <span>{{project.title}}</span><span><button (click)="onDelete(project.id)" class="btn btn-link right"><clr-icon shape="trash"></clr-icon></button></span>

diff --git a/web/src/app/projects/projects.component.scss b/web/src/app/projects/projects.component.scss
@@ -29,6 +29,10 @@
   max-width: 35%;
 }
 
+.min-width-25 {
+  min-width: 25%;
+}
+
 .left-margin-1 {
   margin-left: 1em;
 }