new options

static/css/edit.css

@@ -2,6 +2,7 @@
     height: 500px !important;
     font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
     font-size: 13px;
+    border: none;
 }
 
 .CodeMirror-gutters {
@@ -17,13 +18,61 @@
     border-left: 1px solid #fff;
 }
 
+#haproxy_config {
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
+    font-size: 13px;
+    line-height: 1.5;
+    padding: 12px;
+    border: none;
+    width: 100%;
+    overflow: hidden;
+    resize: none;
+    background: #1e1e1e;
+    color: #e8e8e8;
+}
+
 #edit_form button {
     white-space: nowrap;
 }
 
+/* Alert styling */
+.alert {
+    border-radius: 6px;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.alert-success {
+    background-color: #d4edda;
+    border-color: #c3e6cb;
+    color: #155724;
+}
+
+.alert-danger {
+    background-color: #f8d7da;
+    border-color: #f5c6cb;
+    color: #721c24;
+}
+
+.alert-warning {
+    background-color: #fff3cd;
+    border-color: #ffeaa7;
+    color: #856404;
+}
+
+.alert-info {
+    background-color: #d1ecf1;
+    border-color: #bee5eb;
+    color: #0c5460;
+}
+
 @media (max-width: 768px) {
     .CodeMirror {
         height: 300px !important;
         font-size: 12px;
     }
+    
+    #haproxy_config {
+        font-size: 12px;
+        min-height: 300px;
+    }
 }