737830a0b42b34e0ab888086db72dfe982c28ef4 Fix: Improved layout for StateRestore modals

DD-2795 and others

Sync to source repo @737830a0b42b34e0ab888086db72dfe982c28ef4

Author: AllanJard

css/stateRestore.jqueryui.css

@@ -12,21 +12,6 @@ div.dtsr-creation {
   box-sizing: border-box;
   padding: 2em;
 }
-div.dtsr-confirmation button,
-div.dtsr-creation button {
-  display: inline-block;
-  margin: 1em;
-  padding: 0.5em 1em;
-  border-radius: 0.5em;
-  border: 1px solid rgba(0, 0, 0, 0.175);
-  background-color: #f6f6f6;
-  text-align: left;
-  cursor: pointer;
-}
-div.dtsr-confirmation button:hover,
-div.dtsr-creation button:hover {
-  background-color: #ebebeb;
-}
 div.dtsr-confirmation div.dtsr-creation-text,
 div.dtsr-confirmation div.dtsr-confirmation-title-row,
 div.dtsr-creation div.dtsr-creation-text,
@@ -37,6 +22,7 @@ div.dtsr-confirmation div.dtsr-creation-text h2,
 div.dtsr-confirmation div.dtsr-confirmation-title-row h2,
 div.dtsr-creation div.dtsr-creation-text h2,
 div.dtsr-creation div.dtsr-confirmation-title-row h2 {
+  padding-left: 0;
   border-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;
@@ -86,34 +72,36 @@ div.dtsr-creation div.dtsr-creation-form div.dtsr-name-row {
 }
 div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row,
 div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row {
+  display: flex;
   margin: 0.5em 0;
 }
 div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row:first-child,
 div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row:first-child {
-  margin-top: 0;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row:last-child,
 div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row:last-child {
   margin-bottom: 0;
 }
-div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row label.dtsr-name-label,
-div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row label.dtsr-name-label {
+div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row label,
+div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row label {
   width: 25%;
-  display: inline-block;
+  padding-right: 1em;
   text-align: right;
-  padding-right: 15px;
-  padding-left: 15px;
+  padding-top: 2px;
 }
-div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row input.dtsr-name-input,
-div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row input.dtsr-name-input {
-  width: 66.6%;
-  display: inline-block;
+div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input,
+div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input {
+  width: 75%;
 }
-div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row input.dtsr-check-box,
-div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row input.dtsr-check-box {
-  margin-left: 25%;
-  margin-right: 14px;
-  display: inline-block;
+div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label,
+div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label {
+  margin-bottom: 0.5em;
+}
+div.dtsr-confirmation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label input,
+div.dtsr-creation div.dtsr-creation-form div.dtsr-form-row div.dtsr-input div.dtsr-check-label input {
+  margin-right: 0.5em;
 }
 div.dtsr-confirmation div.dtsr-confirmation-text,
 div.dtsr-creation div.dtsr-confirmation-text {
@@ -131,12 +119,6 @@ div.dtsr-creation div.dtsr-confirmation-text input.dtsr-name-input {
   width: 66.6%;
   display: inline-block;
 }
-div.dtsr-confirmation div.dtsr-confirmation-text input.dtsr-check-box,
-div.dtsr-creation div.dtsr-confirmation-text input.dtsr-check-box {
-  margin-left: 33.3%;
-  margin-right: 14px;
-  display: inline-block;
-}
 div.dtsr-confirmation div.dtsr-modal-foot,
 div.dtsr-creation div.dtsr-modal-foot {
   text-align: right;
@@ -221,62 +203,3 @@ html[data-bs-theme=dark] div.dtsr-confirmation button:hover,
 html[data-bs-theme=dark] div.dtsr-creation button:hover {
   background-color: #404549;
 }
-
-div.dt-button-collection {
-  z-index: 2002;
-}
-div.dt-button-collection div, div.dt-button-collection ul {
-  background: none;
-}
-
-span.dtsr-emptyStates {
-  background: white;
-  padding-top: 2px !important;
-}
-
-div.dt-btn-split-wrapper {
-  display: inline-block !important;
-  width: 100%;
-}
-div.dt-btn-split-wrapper button.ui-button {
-  display: inline-block !important;
-  width: calc(100% - 24px);
-}
-div.dt-btn-split-wrapper button.dt-btn-split-drop {
-  display: inline-block !important;
-  width: 24px;
-}
-
-div.dt-button-split-left {
-  padding-bottom: 0px;
-}
-div.dt-button-split-left button.dt-btn-split-drop-button {
-  width: 100%;
-  display: block;
-  margin-bottom: 8px;
-}
-
-span.dtsr-confirmation-message {
-  padding-right: 3px;
-}
-
-div.dtsr-creation-form div.dtsr-form-row label.dtsr-name-label {
-  width: 33.3%;
-  display: inline-block;
-  text-align: left !important;
-  padding-right: 0px;
-  padding-left: 0px;
-}
-div.dtsr-creation-form div.dtsr-form-row input.dtsr-name-input {
-  width: 57.6% !important;
-  display: inline-block;
-}
-div.dtsr-creation-form div.dtsr-form-row input.dtsr-check-box {
-  margin-left: calc(33.3% + 30px) !important;
-  margin-right: 14px;
-  display: inline-block;
-  position: relative;
-}
-div.dtsr-creation-form div.dtsr-form-row label.dtsr-toggle-title {
-  margin-right: calc(-33.3% - 30px) !important;
-}

css/stateRestore.jqueryui.min.css

@@ -14,5 +14,5 @@
     ],
     "src-repo": "http://github.com/DataTables/StateRestore",
     "last-tag": "1.3.0",
-    "last-sync": "e0dcd2563a5e619cdb999e629b6457d037488bca"
+    "last-sync": "737830a0b42b34e0ab888086db72dfe982c28ef4"
 }