portal ui enhancements

styles/sass/patterns/_card.scss

@@ -9,7 +9,7 @@
     margin-bottom: 2em;
 }
 
-@media screen and (min-width: 600px) and (max-width: 900px) {
+@media screen and (min-width: 769px) and (max-width: 900px) {
     .card {
         flex-basis: 45.99%;
 
@@ -252,21 +252,35 @@ div.cardModuleItem:last-of-type {
 
 .cardModuleItem {
     display: flex;
-    padding: 10px 10px 10px 0;
+    padding: 10px 0px 10px 0;
     border-bottom: 1px solid lightgrey;
 
     .cardModuleDetails {
-        width: 95%;
+        width: 100%;
     }
 
     .cardModuleReference {
         display: flex;
+        justify-content: flex-start;
+        line-height: 1.5;
+
 
         b {
-            min-width: 122px;
+            @media screen and (max-width: 600px) {
+                min-width: 120px;
+                margin-right: 3px;
+            }
+
+            @media screen and (min-width: 769px) {
+                min-width: 160px;
+            }
+
             margin-right: 10px;
         }
 
+        .deleteCase {
+            margin-left: auto
+        }
 
     }