Modifying card size to better spread out projects

Author: sajeeth1009

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>

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;
 }