Converted modals to Bootstrap 4 Material Design

src/web/stylesheets/layout/_modals.css

@@ -6,29 +6,12 @@
  * @license Apache-2.0
  */
 
-.option-item .bootstrap-switch {
-    margin: 15px 10px;
+.modal-content {
+    background-color: var(--primary-background-colour);
 }
 
-.option-item button {
-    margin: 10px;
-}
-
-.option-item label {
-    font-weight: normal;
-}
-
-.option-item input[type=number] {
-    margin: 15px 10px;
-    width: 80px;
-    height: 28px;
-    padding: 3px 10px;
-    vertical-align: middle;
-}
-
-.option-item select {
-    margin: 10px;
-    display: inline-block;
+.option-item {
+    margin-bottom: 20px;
 }
 
 #edit-favourites-list {
@@ -55,11 +38,15 @@
     margin: 10px 0 20px 20px;
 }
 
+#save-link-group {
+    padding-top: 0;
+}
+
 .save-link-options {
     float: right;
 }
 
-.save-link-options input{
+.save-link-options label {
     margin-left: 10px;
 }
 
@@ -79,7 +66,9 @@
 }
 
 #save-texts textarea {
-    border-top: none;
-    box-shadow: none;
     height: 200px;
 }
+
+#faqs a.btn {
+    text-transform: unset;
+}