Merge branch 'Development' into SIPS-Development

styles/sass/patterns/_card.scss

@@ -84,6 +84,8 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
         font-size: 1.17rem;
     }
 
+
+
     .card-body {
         //border-bottom: 1px solid $govuk-border-colour; //$panel-colour;
         padding: 40px 20px;
@@ -327,4 +329,16 @@ div.cardModuleItem:last-of-type {
             // box-shadow: 0 2px 0 #0b0c0c;
         }
     }
+}
+
+
+.card {
+    .cardList-nobullet {
+        list-style-type: none;
+        padding-left: 20px;
+
+        li {
+            margin-bottom: 10px;
+        }
+    }
 }

styles/sass/welshgov/_application.scss

@@ -300,6 +300,17 @@ a.longLinkBreak {
         }
 
         @media screen and (max-width: 670px) {
+            img {
+
+                &.serviceTitle {
+                    width: 236px;
+
+                    &.cy {
+                        width: 238px;
+                    }
+                }
+            }
+
             flex-direction: column-reverse;
             align-items: flex-start;
 
@@ -1506,6 +1517,14 @@ textarea,
     .govuk-summary-list__key {
         width: 45%;
     }
+
+
+}
+
+#login-card {
+    .heading-small {
+        font-size: 1rem;
+    }
 }
 
 .react-datepicker__input-container input {
@@ -2576,6 +2595,45 @@ dd.govuk-summary-list__value.govuk-\!-font-size-14.govuk-summary-list__action {
 
 
 
+    & .cardModuleRemoveCase {
+        border: 1px solid $red;
+        padding: 5px;
+        height: 20px;
+        padding-top: 0px;
+        padding-bottom: 0px;
+        border-radius: 5px;
+        width: auto;
+        color: white !important;
+        font-weight: bold;
+        background-color: $red;
+        font-size: 15px;
+        cursor: pointer;
+
+        &:active {
+            top: 2px;
+        }
+
+        &:hover {
+            background-color: $lightred;
+            color: $white !important;
+            text-decoration: none;
+        }
+
+        &:focus {
+            border-color: #ffdd00;
+            outline: 3px solid transparent;
+            -webkit-box-shadow: inset 0 0 0 1px #ffdd00;
+            box-shadow: inset 0 0 0 1px #ffdd00;
+        }
+
+        &:focus:not(:active):not(:hover) {
+            border-color: #ffdd00;
+            color: #0b0c0c;
+            // background-color: #ffdd00;
+            // -webkit-box-shadow: 0 2px 0 #0b0c0c;
+            // box-shadow: 0 2px 0 #0b0c0c;
+        }
+    }
 }