laster 0.0.2

web-server/public/css/styles.css

@@ -1044,6 +1044,8 @@ tbody tr:hover td.action-col {
   border: 1px solid rgba(226, 232, 240, 0.9);
   border-radius: var(--radius);
   box-shadow: var(--shadow-lg);
+  display: flex;
+  flex-direction: column;
   max-height: min(86vh, 720px);
   overflow: hidden;
   transform: scale(0.97);
@@ -1064,6 +1066,7 @@ tbody tr:hover td.action-col {
   background: #f8fafc;
   border-bottom: 1px solid #eef2f7;
   display: flex;
+  flex-shrink: 0;
   justify-content: space-between;
   padding: 14px 18px;
 }
@@ -1075,16 +1078,23 @@ tbody tr:hover td.action-col {
 }
 
 .modal-form {
-  max-height: calc(86vh - 60px);
+  flex: 1;
+  min-height: 0;
   overflow: auto;
   padding: 18px;
+  scrollbar-gutter: stable;
 }
 
 .modal-actions {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), #ffffff 30%);
+  border-top: 1px solid #eef2f7;
   display: flex;
   gap: 10px;
   justify-content: flex-end;
-  padding-top: 18px;
+  margin: 18px -18px -18px;
+  padding: 14px 18px 18px;
+  position: sticky;
+  bottom: 0;
 }
 
 .modal-actions .btn {