content and edit record

front/sass/app.scss

@@ -116,7 +116,7 @@ $themes: (
     --radialPrimarySecondary: radial-gradient(#5b86be, #d9cca1);
     --radialPrimaryAccent: radial-gradient(#5b86be, #80c671);
     --radialSecondaryAccent: radial-gradient(#d9cca1, #80c671);
-    --border-color: #000;
+    --border-color: #ccc;
     --main-font: ‘Open Sans‘, Arial, Helvetica, sans-serif;
     --main-font-color: #444;
     --input-bg: rgb(245,245,249);
@@ -143,16 +143,14 @@ $themes: (
 @import "./codemirror";
 @import "./layout";
 @import "./wrappers";
-@import "./card";
-@import "./files";
-@import "./revisions";
 @import "./toolbar";
 @import "./dropdown";
 @import "./button";
-
-
-
-
+@import "./checkbox";
+@import "./pagination";
+@import "./record-edit";
+@import "./tabs";
+@import "./switch";
 
 body {
     background-color: var(--background);
@@ -170,14 +168,28 @@ body {
     cursor: pointer;
 }
 
-.editor-field {
-    padding: 22px 44px;
-    margin: 6px 0;
-    border-color: transparent;
-}
-
 
 a{
     color: var(--text);
     text-decoration: none;
+}
+
+.spinner-border {
+    width: 9px;
+    height: 9px;
+    border: 2px solid #FFF;
+    border-bottom-color: #FF3D00;
+    border-radius: 50%;
+    display: inline-block;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }