preventing submits.

resources/public/css/main.css

@@ -100,6 +100,35 @@
     .modal {
         animation: appear .7s ease both;
     }
+    @keyframes grow-width {
+        from {
+            width: 0px;
+            opacity: 0;
+        }
+    }
+    @keyframes shrink-width {
+        to {
+            width: 0px;
+            opacity: 0;
+        }
+    }
+
+    .slide-in-right {
+        animation: grow-width 0.5s ease both;
+    }
+    .slide-in-right div {
+        width: 1000px;
+        overflow: hidden;
+    }
+
+    .slide-out-right {
+        animation: shrink-width 0.5s ease both;
+    }
+    .slide-out-right div {
+        width: 1000px;
+        overflow: hidden;
+    }
+
     .inbox-messages {
         animation: scaleUp .3s ease both;
     }