Issue 50926 - Remove dual spinner and other UI fixes

Description:  Removed unnecessary spinner when loading the backup table.
              Removed duplicate ID's from html
              Revised Create Instance modal to be easier to read
              Fixed typo in posix winsync fixup task help description
              Removed unused CSS styles
              Fixed plugin modal alignment issues
              Fixed typo in Enable Replication modal

relates: https://pagure.io/389-ds-base/issue/50926

Reviewed by: spichugi(Thanks!)

src/cockpit/389-console/src/css/ds.css

@@ -23,16 +23,6 @@
     text-align: left !important;
 }
 
-/* Main nav page index.html */
-.ds-content {
-    padding: 0;
-    padding-top: 115px;  /* this pushes the content below fixed nav bar */
-    padding-bottom: 50px;
-    margin-top: 0;
-    margin-right: 10px;
-    margin-bottom: 10px;
-}
-
 .ds-chart-right {
     margin-left: 65px;
 }
@@ -70,25 +60,6 @@ td {
     max-width: 200px !important;
 }
 
-.ds-hr {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-    border-style: inset;
-    border-width: 1px;
-    padding: 0px !important;
-}
-
-.ds-hr-logs {
-    display: block;
-    margin-left: 0;
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
-    border-style: inset;
-    border-width: 1px;
-    padding: 0px !important;
-    width: 525px;
-}
-
 .ds-no-padding {
     padding: 0px !important;
 }
@@ -117,10 +88,6 @@ td {
     opacity: 0.7;
 }
 
-.ds-split {
-    width: 400px;
-}
-
 .ds-input {
     margin-top: 5px !important;
     padding-right: 5px !important;
@@ -141,20 +108,6 @@ td {
     text-align: right;
 }
 
-.ds-pw-input {
-    margin-top: 5px;
-    padding-right: 5px;
-    padding-left: 5px !important;
-    min-width: 65px !important;
-    max-width: 65px !important;
-}
-
-.ds-history-input {
-    margin-top: !important;
-    margin-right: 5px;
-    margin-left: 40px;
-}
-
 .ds-divider {
     width: 35px;
 }
@@ -180,27 +133,6 @@ td {
     text-align: left;
 }
 
-.ds-dblink-form-input {
-    width: 415px !important;
-    margin-top: 5px;
-    padding-right: 10px;
-    height: 37px !important;
-}
-
-.ds-repl-table {
-    background-color: white !important;
-    padding: 0px !important;
-    border: 1px solid #909090;
-    table-layout: fixed;
-    width: 100%;
-    clear: both;
-    word-wrap: break-word !important;
-    text-align: center;
-    margin-top: -10px !important;
-    line-height: 1;
-}
-
-
 .ds-db-table {
     border: 1px solid #d1d1d1;
     word-wrap: break-word !important;
@@ -270,12 +202,6 @@ td {
     margin-right: 5px !important;
 }
 
-.ds-send-expiring-checkbox {
-    margin-top: 12px !important;
-    margin-right: 12px !important;
-    padding: 5px;
-}
-
 .ds-operate-spinner {
     margin-left: 10px;
     top: 10px;
@@ -298,38 +224,11 @@ td {
     margin-bottom: 10px !important;
 }
 
-.ds-config-label-lrg {
-    margin-top: 10px;
-    width: 160px !important;
-    margin-bottom: 10px !important;
-}
-
-.ds-config-sub-label {
-    margin-top: 10px;
-    width: 225px !important;
-    margin-bottom: 10px !important;
-    padding-left: 20px;
-}
-
 .ds-label-sm {
     width: 175px !important;
     margin-bottom: 10px !important;
 }
 
-.ds-expire-label {
-    margin-top: 7px;
-    margin-bottom: 7px;
-    width: 285px !important;
-}
-
-.ds-minage-label {
-    padding: 10px;
-}
-
-.ds-expired-div {
-    padding-left: 30px !important;
-}
-
 .ds-modal-row {
     margin-left: 20px;
     margin-right: 0px !important;
@@ -348,17 +247,6 @@ td {
     width: 85px;
 }
 
-.ds-oc-form-list {
-    width: 232px !important;
-    max-height: 350px !important;
-    min-height: 350px !important;
-}
-
-.ds-oc-form-list:focus {
-    max-height: 350px !important;
-    min-height: 350px !important;
-}
-
 p {
     line-height: 1;
     white-space: normal;
@@ -435,11 +323,6 @@ option {
     background-color: #f3f3f3;
 }
 
-.ds-nav-tab a {
-    text-align: center;
-    min-width: 125px !important;
-}
-
 .ds-float-right {
     float: right;
 }
@@ -459,29 +342,6 @@ option {
     Width: 18px !important;
 }
 
-.ds-footer {
-    background-color: #f5f5f5 !important;
-    margin-left: -25px;
-    padding: 10px;
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    height: 50px;
-    border-top: 1px solid #e2e2e2 !important;
-}
-
-.ds-nav-bar {
-    position: fixed;
-    top: 0;
-    width: 100%;
-    background-color: white;
-    z-index: 1;
-}
-
-.ds-nav-item a {
-    text-align: left;
-}
-
 .ds-config-header {
     margin-bottom: 20px;
 }
@@ -555,38 +415,6 @@ option {
   overflow-y:auto;
 }
 
-/* wizard accordions are narrower */
-.ds-wiz-accordion {
-    margin-top: 20px;
-    color: #228bc0 !important;
-    background-color: white;
-    border: 0;
-    position: relative;
-    overflow: hidden;
-    width: 500px;
-    text-align: left;
-}
-
-.ds-wiz-accordion:after {
-    display: inline-block;
-    content: "";
-    height: 1px;
-    background: #228bc0;
-    position: absolute;
-    width: 500px;
-    top: 50% !important;
-    margin-left: 10px;
-    text-align: left;
-}
-
-.ds-wiz-accordion:focus {
-    outline: none !important;
-    border: 0 !important;
-    -moz-outline: none !important;
-    -webkit-box-shadow: none !important;
-    box-shadow: 0 !important;
-}
-
 .ds-indent {
     margin-left: 15px !important;
     margin-right: 15px !important;
@@ -678,10 +506,6 @@ option {
     transform: translate(-25%, -35%);
 }
 
-.ds-popup {
-    min-width: 350px !important;
-}
-
 .ds-input-auto {
     width: 100%;
     margin-right: 10px;