inactivy tyling and time out time

styles/sass/welshgov/_application.scss

@@ -1720,6 +1720,10 @@ ul#sharePageLinks.active {
     height: 100%;
     overflow: hidden;
     outline: 0;
+    top: 30%;
+    @media screen and (min-width: 768px) {
+        top: 35%;
+    }
 }
 
 fade {
@@ -1751,23 +1755,30 @@ fade {
 
 .modal-dialog {
     position: relative;
-    width: auto;
-    margin: 0.5rem;
+    width: 80%;
+    margin: auto 1rem;
     pointer-events: none;
+    z-index: 1050;
+    @media screen and (min-width: 768px) {
+        width: auto;
+    }
 }
 
 @media (min-width: 576px) {
     .modal-dialog {
         max-width: 500px;
-        margin: 1.75rem auto;
+        margin: 0 auto;
     }
 }
+
+.modal.fade.show {
+    display: block;
+}
 .modal.show .modal-dialog {
     transform: none;
 }
 .modal.fade .modal-dialog {
     transition: transform 0.3s ease-out;
-    transform: translate(0, -50px);
 }
 
 .modal-content {
@@ -1781,6 +1792,8 @@ fade {
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0.3rem;
     outline: 0;
+    padding: 20px;
+    align-items: flex-end;
 }
 
 .modal-footer {