Revamped Signing page to allow multiple signatures and images

src/main/resources/static/css/general.css

@@ -16,11 +16,14 @@
 html[lang-direction=ltr] * {
     direction: ltr;
 }
-
 html[lang-direction=rtl] * {
     direction: rtl;
     text-align: right;
 }
+.ignore-rtl {
+    direction: ltr !important;
+    text-align: left !important;
+}
 
 .align-top {
     position: absolute;
@@ -47,3 +50,11 @@ html[lang-direction=rtl] * {
     border-top-left-radius: 0.25rem !important;
     border-bottom-left-radius: 0.25rem !important;
 }
+
+.margin-auto-parent {
+    width: 100%;
+    display: flex;
+}
+.margin-center {
+    margin: 0 auto;
+}

src/main/resources/static/css/tab-container.css

@@ -0,0 +1,31 @@
+
+.tab-group {
+
+}
+
+.tab-container {
+    display: none;
+}
+.tab-container.active {
+    display: block;
+    border: 1px solid #dee2e6;
+    padding: 15px;
+}
+/*
+.tab-buttons {
+    border-bottom: 1px solid #dee2e6;
+}
+*/
+.tab-buttons > button {
+    margin-bottom: -1px;
+    background: 0 0;
+    border: 1px solid transparent;
+    
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+}
+.tab-buttons > button.active {
+    color: #495057;
+    background-color: #fff;
+    border-color: #dee2e6 #dee2e6 #fff;
+}