updated template creation

py_app/app/static/style.css

@@ -690,4 +690,35 @@ body.dark-mode .export-description {
 
 .go-to-main-etichete-btn:hover {
     background-color: #218838; /* Darker green on hover */
+}
+
+.draggable-field {
+    cursor: move;
+    padding: 5px;
+    background-color: #f9f9f9;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    text-align: center;
+    user-select: none;
+}
+
+.draggable-field.dragging {
+    opacity: 0.5;
+}
+
+.label-preview-container {
+    display: flex;
+    justify-content: center; /* Center horizontally */
+    align-items: center; /* Center vertically */
+    height: 100%; /* Full height of the parent container */
+    position: relative; /* Ensure proper positioning */
+}
+
+#label-preview {
+    border: 1px solid #ddd;
+    padding: 10px;
+    min-height: 400px;
+    position: relative;
+    background-color: #f8f9fa; /* Light gray background */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for better visibility */
 }