update main.css (mostly fixing rows with thumbnails in).

static/css/main.css

@@ -45,6 +45,20 @@ input[type=text] {
   text-align: center;
 }
 
+.be-section-thumbnail-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    margin: 0px;
+    padding: 0px;
+    width: 100%;
+}
+
+.wrap-break-spaces {
+    white-space: break-spaces !important;
+}
+
 .be-gui-link ,
 .be-gui-button,
 .be-gui-link-no-text,
@@ -397,6 +411,11 @@ input[type=text] {
     margin: 0px;
 }
 
+.be-section-entry img {
+    /* max-height: 80px; */
+    /* width: 100%; */
+}
+
 .be-section-entry p {
     max-width: 800px;
     white-space: nowrap;
@@ -430,7 +449,7 @@ input[type=text] {
 }
 
 .be-quicklist .be-gui-link {
-    max-width: 110px;
+    max-width: 140px;
     margin: 4px;
 }
 
@@ -449,7 +468,7 @@ input[type=text] {
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin-bottom: 12px;
+    margin: 12px 0px;
 }
 
 .be-storage-section-upload form  {
@@ -471,10 +490,11 @@ input[type=text] {
     align-items: center;
 }
 
-.be-storage-entry .file-thumbnail {
+.file-thumbnail {
     max-width: 50px;
     max-height: 50px;
     width: 100%;
+    padding: 0px 4px;
 }
 
 .be-storage-rename {