updated styles.css

static/styles.css

@@ -40,15 +40,19 @@ label {
 #timestamp,
 #tags {
   display: flex;
-  /*padding: 6px;*/
 }
 
 input#metadata {
   background-color: ghostwhite;
+  margin-right: 1rem;
 }
 
 .metafields {
-  /*background-image: linear-gradient(cornflowerblue, ghostwhite);*/
+  background-color: ghostwhite;
+  padding: 1rem;
+  margin-right:  1rem;
+  border: 1px solid black;
+  border-radius: 1em;
 }
 
 .fields {
@@ -57,23 +61,25 @@ input#metadata {
 
 span.field-heading {
   border-radius: 1em;
+  color: black;
   border: 1px solid black;
+  /*background-color: cornflowerblue;*/
   padding-left: 6px;
 }
 
-.container-fluid {
+/*.container-fluid {
   padding-left: 0px;
-}
+}*/
 
 div.iframe {
   width: 50%;
   height: 600px;
   display: inline-block;
-  border: 2px solid blue;
+  border: 1px solid black;
 }
 
 object {
-  border: 3px solid hotpink;
+/*  border: 3px solid hotpink;*/
   width: 100%;
   height: 100%;
 }