first commit

admin/assets/css/admin-order-details.css

@@ -0,0 +1,93 @@
+table#order-items-table th {
+    width: 60%;
+}
+table#order-items-table td {
+    width: 40%;
+    text-align: right
+}
+table#order-items-table #order-total {
+    color: #277aff!important;
+    font-size: larger;
+    font-weight: bold
+}
+.card {
+    max-width: unset!important;
+}
+.card-header {
+    font-size: 17px;
+    font-weight: bold;
+}
+b.field-name {
+    text-transform: capitalize;
+    font-size: smaller;
+}
+.media, .recipient-type, .notification-status {
+    text-transform: capitalize;
+}
+
+/** Timeline Trx Tracking **/
+.rb-container {
+    width: 50%;
+    display: block;
+    position: relative;
+}
+  
+.rb-container ul.rb {
+    margin: 2.5em 0 0;
+    padding: 0;
+    display: block;
+}
+  
+.rb-container ul.rb li {
+    list-style: none;
+    margin: auto;
+    min-height: 50px;
+    border-left: 1px dashed #000;
+    padding: 0 0 50px 30px;
+    position: relative;
+}
+  
+.rb-container ul.rb li:last-child {
+    border-left: 0;
+}
+  
+.rb-container ul.rb li::before {
+    position: absolute;
+    left: -10px;
+    top: 0;
+    content: " ";
+    border: 10px solid rgba(0, 0, 0, 1);
+    border-radius: 500%;
+    background: #277aff;
+    height: 20px;
+    width: 20px;
+    transition: all 500ms ease-in-out;
+}
+  
+.rb-container ul.rb li:hover::before {
+    border-width: 0;
+}
+  
+ul.rb li .timestamp {
+    color: #277aff;
+    position: relative;
+    font-size: smaller;
+}
+input, select, .form-control, .form-select {
+    height: 40px;
+}
+#order_status {
+    width: 200px;
+}
+.access-link-wrapper {
+    display: flex!important;
+}
+.access-link-wrapper > input {
+    flex: 0 0 calc(100% - 100px)!important;
+}
+.access-link-wrapper > button {
+    flex: 0 0 100px!important;
+}
+.top-40 {
+    top: 40px!important;
+}