.

Site/Inspection/css/sections.css

@@ -14,11 +14,13 @@
 .section-holder {
     background: #e9e9e9;
     font-size: 16px;
-    margin-bottom:2px;
-}
-.section-holder:hover {
-    background-color: #d9d9d9;
+    margin-bottom: 2px;
 }
+
+    .section-holder:hover {
+        background-color: #d9d9d9;
+    }
+
 .section-input {
     padding: 2px 6px;
     min-height: 20px;
@@ -27,30 +29,36 @@
     border: 1px solid #e9e9e9;
     border-radius: 4px;
 }
-.section-input:hover{    
-    border: 1px solid #666;
-}
-.section-input:disabled{    
-    background: rgba(255,255,255,0);
-    border-color: rgba(255,255,255,0);
-}
+
+    .section-input:hover {
+        border: 1px solid #666;
+    }
+
+    .section-input:disabled {
+        background: rgba(255,255,255,0);
+        border-color: rgba(255,255,255,0);
+    }
 
 
 .question-holder .question-icon,
 .section-holder .section-icon {
     flex-shrink: 0;
 }
-.question-holder .question-icon em {
-    /*cursor: row-resize;*/
-    /*margin-left: 6px;*/
-    color: #666;
-}
+
+    .question-holder .question-icon em {
+        /*cursor: row-resize;*/
+        /*margin-left: 6px;*/
+        color: #666;
+    }
+
 .holder-even {
     background: #f9f9f9;
 }
+
 .question-holder:hover {
     background-color: #d9d9d9;
 }
+
 .question-input {
     padding: 2px 6px;
     min-height: 20px;
@@ -58,17 +66,21 @@
     border: 1px solid #fff;
     border-radius: 4px;
 }
-.question-input:hover {
-    border: 1px solid #666;
-}
-.question-input:disabled {
-    background: rgba(255,255,255,0);
-    border-color: rgba(255,255,255,0);
-}
+
+    .question-input:hover {
+        border: 1px solid #666;
+    }
+
+    .question-input:disabled {
+        background: rgba(255,255,255,0);
+        border-color: rgba(255,255,255,0);
+    }
+
 .question-holder .question-notes {
     flex-grow: 1;
     line-height: 24px;
 }
+
 .question-holder .question-name span:hover,
 .question-holder .template-name span:hover,
 .question-holder .question-display span:hover,
@@ -77,6 +89,7 @@
     text-decoration: underline;
     cursor: pointer;
 }
+
 .question-holder .question-cell,
 .section-holder .section-cell {
     display: inline-block;
@@ -84,23 +97,29 @@
     text-overflow: ellipsis;
     overflow: hidden;
 }
-.question-holder .question-cell.fa,
-.section-holder .section-cell .fa {
-    line-height: 40px;
-}
-.question-holder .question-cell.value-true::before {
-    content: '\f00c';
-}
-.section-holder .section-cell .add {
-    cursor: pointer;
-}
-.section-holder .section-cell .add::before {
-    content: '\f0fe';
-}
+
+    .question-holder .question-cell.fa,
+    .section-holder .section-cell .fa {
+        line-height: 40px;
+    }
+
+    .question-holder .question-cell.value-true::before {
+        content: '\f00c';
+    }
+
+    .section-holder .section-cell .add {
+        cursor: pointer;
+    }
+
+        .section-holder .section-cell .add::before {
+            content: '\f0fe';
+        }
+
 .rowdrag {
     font-size: 14px;
-    cursor:move;
+    cursor: move;
 }
+
 .form-control {
     /*display: block;
     width: 100%;*/
@@ -137,6 +156,7 @@
     flex-direction: row;
     padding: 4px 0;
 }
+
     .editor-top > span {
         flex: 1 1 auto;
     }
@@ -146,14 +166,14 @@
         margin-left: 4px;
     }
 
-    .editor-toolbar a[data-edit],
-    .svg-button {
-        display: inline-block;
-        width: 22px;
-        height: 22px;
-        cursor: pointer;
-        user-select: none;
-    }
+.editor-toolbar a[data-edit],
+.svg-button {
+    display: inline-block;
+    width: 22px;
+    height: 22px;
+    cursor: pointer;
+    user-select: none;
+}
 
     .editor-toolbar a[data-edit] > svg,
     .svg-button > svg {
@@ -206,4 +226,26 @@
 .img-icon-filename {
     max-width: 100px;
     margin-left: 6px;
-}
+}
+
+.img-icon-centerfilename {
+    max-width: 100px;
+    margin-left: 6px;
+}
+
+.img-icon-rightfilename {
+    max-width: 100px;
+    margin-left: 6px;
+}
+
+
+.select-layout-name {
+    margin-left: 20px;
+}
+
+.select-layout {
+    border: 1px solid #a9a9a9;
+    margin-left: 4px;
+    width: 100px;
+    height: 18px;
+}