|
|
@@ -80,8 +80,26 @@
|
|
|
box-shadow: -1px 0 0 #edf1ef;
|
|
|
}
|
|
|
.data-table th:last-child { background: #f6f9f7; }
|
|
|
-.row-actions { display: flex; min-width: 0; justify-content: center; gap: 8px; flex-wrap: nowrap; }
|
|
|
-.row-actions .icon-action { flex: 0 0 34px; }
|
|
|
+.row-actions {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
|
+ width: 100%;
|
|
|
+ max-width: 176px;
|
|
|
+ min-width: 136px;
|
|
|
+ margin-inline: auto;
|
|
|
+ gap: 8px;
|
|
|
+}
|
|
|
+.row-actions > .ui-button,
|
|
|
+.row-actions > .icon-action {
|
|
|
+ width: 100%;
|
|
|
+ height: 36px;
|
|
|
+ min-height: 36px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 6px;
|
|
|
+ gap: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
|
|
|
.store-editor { width: min(640px, 100%); }
|
|
|
.store-editor header p { margin: 0; color: #258b68; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
|
|
|
@@ -121,6 +139,3 @@
|
|
|
.toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
|
.toolbar label:not(.grow) { grid-column: 1 / -1; }
|
|
|
}
|
|
|
-
|
|
|
-.row-actions { flex-wrap: wrap; }
|
|
|
-.row-actions > .ui-button { padding: 7px 10px; white-space: nowrap; }
|