diff --git a/admin-web/static/index.html b/admin-web/static/index.html index 6405d90..d6a6753 100644 --- a/admin-web/static/index.html +++ b/admin-web/static/index.html @@ -400,6 +400,6 @@ - + diff --git a/admin-web/static/styles.css b/admin-web/static/styles.css index 9a589e5..ede974d 100644 --- a/admin-web/static/styles.css +++ b/admin-web/static/styles.css @@ -1045,6 +1045,24 @@ td small { flex-wrap: wrap; } +.keys-table .mini-actions, +.keys-table .action-buttons { + display: grid; + grid-template-columns: 1fr; + align-content: center; + align-items: stretch; + gap: 8px; + width: 100%; +} + +.keys-table .mini-actions button, +.keys-table .action-buttons button { + width: 100%; + min-height: 44px; + white-space: normal; + line-height: 1.2; +} + .backup-schedule, .backup-includes { display: grid; diff --git a/tests/test_admin_features.py b/tests/test_admin_features.py index 859270e..ce99a78 100644 --- a/tests/test_admin_features.py +++ b/tests/test_admin_features.py @@ -137,6 +137,9 @@ class AdminFeatureTests(unittest.TestCase): self.assertNotIn('class="actions"', app_js) self.assertIn('class="action-buttons"', app_js) self.assertIn('class="key-name-button"', app_js) + self.assertIn(".keys-table .mini-actions,\n.keys-table .action-buttons", styles) + self.assertIn("grid-template-columns: 1fr", styles) + self.assertIn("min-height: 44px", styles) self.assertNotIn("td.actions", styles) self.assertRegex(index, r'[\s\S]*?')