animation et responsive

static/style.css

@@ -105,6 +105,14 @@
         color: #111;
     }
 
+    button:disabled {
+        background: #bdbdbd;
+        border-color: #bdbdbd;
+        color: #666;
+        cursor: not-allowed;
+        opacity: 1;
+    }
+
 
     .remove {
         background: #333 !important;
@@ -136,4 +144,35 @@
             overflow-x: auto;
             white-space: nowrap;
         }
-    }
+    }
+
+
+.loader {
+  border: 16px solid #f3f3f3;
+  border-radius: 50%;
+  border-top: 16px solid #3498db;
+  width: 120px;
+  height: 120px;
+  -webkit-animation: spin 2s linear infinite; /* Safari */
+  animation: spin 2s linear infinite;
+}
+
+/* Safari */
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+
+#pdf_iframe {
+    width: 100%;
+    height: calc(100vh - 220px);
+    min-height: 500px;
+    border: 1px solid #ccc;
+    margin-top: 1rem;
+}