@selco/installation-ui-css 1.0.2 → 1.0.3

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @selco/installation-ui-css - 1.0.2
+ * @selco/installation-ui-css - 1.0.3
  *
  * Copyright (c) 2025 Adithya Katuku
  * 
@@ -2735,7 +2735,7 @@
     box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
     left: 0;
     max-width: none;
-    z-index: 999;
+    z-index: 10;
     position: fixed;
     bottom: 0;
     --bg-opacity:1;
@@ -10854,6 +10854,58 @@ body {
     line-height: 24px;
     font-size: 16px; }
 
+.reverse-actionbar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 15px;
+  gap: 15px;
+  max-width: 100%; }
+  .reverse-actionbar .submit-bar, .reverse-actionbar .workbench .workbench-create-form div.action-bar-wrap .submit-bar, .workbench .workbench-create-form div.action-bar-wrap .reverse-actionbar .submit-bar, .reverse-actionbar .submit-bar-disabled {
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    grid-gap: 10px;
+    gap: 10px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+
+@media (min-width: 640px) {
+  .reverse-actionbar {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: reverse;
+    -ms-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    max-width: 100%; }
+    .reverse-actionbar .submit-bar, .reverse-actionbar .workbench .workbench-create-form div.action-bar-wrap .submit-bar, .workbench .workbench-create-form div.action-bar-wrap .reverse-actionbar .submit-bar, .reverse-actionbar .submit-bar-disabled {
+      width: 240px;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      grid-gap: 10px;
+      gap: 10px;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center; } }
+
 .wbh-header .header-icon-container {
   cursor: pointer;
   color: #c84c0e;
@@ -14180,8 +14232,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
     height: 75vh; } }
 
 .employee-app-wrapper {
-  min-height: calc(100vh - 8em);
-  margin: 0; }
+  min-height: calc(100vh - 8em); }
 
 .ws-custom-wrapper .submit {
   display: -webkit-box !important;
@@ -14304,7 +14355,16 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
   flex-direction: row-reverse; }
 
 .previous-button {
-  margin-left: 4rem; }
+  width: 100%; }
+
+@media (min-width: 640px) {
+  .previous-button {
+    width: 240px; } }
+
+@media (min-width: 48rem) {
+  .previous-button {
+    margin-left: 4rem;
+    width: 240px; } }
 
 .view-composer-header-section {
   display: -webkit-box;