updated css and project to HTML5 standards. fixed border rounding for images.

1 files changed, 66 insertions, 66 deletions

diff --git a/src/client/views/collections/CollectionDockingView.scss b/src/client/views/collections/CollectionDockingView.scss
index 7c19d39da..de214e2ef 100644
--- a/src/client/views/collections/CollectionDockingView.scss
+++ b/src/client/views/collections/CollectionDockingView.scss
@@ -17,8 +17,8 @@
 }
 .lm_maximised {
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
     z-index: 40;
 }
 .lm_maximise_placeholder {
@@ -62,8 +62,8 @@
     text-align: center;
 }
 .lm_header ul {
-    margin: 0;
-    padding: 0;
+    margin: 0px;
+    padding: 0px;
     list-style-type: none;
 }
 .lm_header .lm_tab {
@@ -81,11 +81,11 @@
     position: absolute;
 }
 .lm_header .lm_tab i.lm_left {
-    top: 0;
+    top: 0px;
     left: -2px;
 }
 .lm_header .lm_tab i.lm_right {
-    top: 0;
+    top: 0px;
     right: -2px;
 }
 .lm_header .lm_tab .lm_title {
@@ -97,8 +97,8 @@
     width: 14px;
     height: 14px;
     position: absolute;
-    top: 0;
-    right: 0;
+    top: 0px;
+    right: 0px;
     text-align: center;
 }
 .lm_stack.lm_left .lm_header,
@@ -118,14 +118,14 @@
 .lm_stack.lm_left .lm_header .lm_tabs,
 .lm_stack.lm_right .lm_header .lm_tabs {
     transform-origin: left top;
-    top: 0;
+    top: 0px;
     width: 1000px;
 }
 .lm_dragProxy.lm_left .lm_header .lm_controls,
 .lm_dragProxy.lm_right .lm_header .lm_controls,
 .lm_stack.lm_left .lm_header .lm_controls,
 .lm_stack.lm_right .lm_header .lm_controls {
-    bottom: 0;
+    bottom: 0px;
 }
 .lm_dragProxy.lm_left .lm_items,
 .lm_dragProxy.lm_right .lm_items,
@@ -136,7 +136,7 @@
 .lm_dragProxy.lm_left .lm_header .lm_tabs,
 .lm_stack.lm_left .lm_header .lm_tabs {
     transform: rotate(-90deg) scaleX(-1);
-    left: 0;
+    left: 0px;
 }
 .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,
 .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {
@@ -156,7 +156,7 @@
 .lm_stack.lm_right .lm_header .lm_tabs {
     transform: rotate(90deg) scaleX(1);
     left: 100%;
-    margin-left: 0;
+    margin-left: 0px;
 }
 .lm_dragProxy.lm_right .lm_header .lm_controls,
 .lm_stack.lm_right .lm_header .lm_controls {
@@ -169,7 +169,7 @@
 }
 .lm_dragProxy.lm_bottom .lm_header .lm_tab,
 .lm_stack.lm_bottom .lm_header .lm_tab {
-    margin-top: 0;
+    margin-top: 0px;
     border-top: none;
 }
 .lm_dragProxy.lm_bottom .lm_header .lm_controls,
@@ -189,8 +189,8 @@
 }
 .lm_header .lm_controls .lm_tabdropdown:before {
     content: '';
-    width: 0;
-    height: 0;
+    width: 0px;
+    height: 0px;
     vertical-align: middle;
     display: inline-block;
     border-top: 5px dashed;
@@ -201,14 +201,14 @@
 .lm_header .lm_tabdropdown_list {
     position: absolute;
     top: 20px;
-    right: 0;
+    right: 0px;
     z-index: 5;
     overflow: hidden;
 }
 .lm_header .lm_tabdropdown_list .lm_tab {
     clear: both;
     padding-right: 10px;
-    margin: 0;
+    margin: 0px;
 }
 .lm_header .lm_tabdropdown_list .lm_tab .lm_title {
     width: 100px;
@@ -218,8 +218,8 @@
 }
 .lm_dragProxy {
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
     z-index: 30;
 }
 .lm_dragProxy .lm_header {
@@ -238,32 +238,32 @@
     width: 100%;
     height: 100%;
     position: relative;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
 }
 .lm_transition_indicator {
     display: none;
     width: 20px;
     height: 20px;
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
     z-index: 20;
 }
 .lm_popin {
     width: 20px;
     height: 20px;
     position: absolute;
-    bottom: 0;
-    right: 0;
+    bottom: 0px;
+    right: 0px;
     z-index: 9999;
 }
 .lm_popin > * {
     width: 100%;
     height: 100%;
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
 }
 .lm_popin > .lm_bg {
     z-index: 10;
@@ -307,7 +307,7 @@
     width: max-content;
     height: 100%;
     display: flex;
-    max-width: 100;
+    max-width: 100px;
     text-overflow: ellipsis;
 }
 
@@ -328,7 +328,7 @@
 ul.lm_tabs::before {
     content: ' ';
     position: absolute;
-    bottom: 0;
+    bottom: 0px;
     width: 100%;
     z-index: 1;
     pointer-events: none;
@@ -349,9 +349,9 @@ ul.lm_tabs::before {
     }
 }
 .lm_header .lm_tab.lm_active {
-    padding: 0;
+    padding: 0px;
     opacity: 1;
-    margin: 0;
+    margin: 0px;
     box-shadow: none;
     height: 27px;
     margin-right: 2px;
@@ -405,7 +405,7 @@ ul.lm_tabs::before {
 }
 
 .lm_drag_tab {
-    padding: 0;
+    padding: 0px;
     width: 15px !important;
     height: 15px !important;
     position: relative !important;
@@ -418,7 +418,7 @@ ul.lm_tabs::before {
 
 .lm_close_tab {
     display: inline-flex !important;
-    padding: 0;
+    padding: 0px;
     opacity: 1 !important;
     align-self: center;
     margin-right: 5px;
@@ -455,7 +455,7 @@ ul.lm_tabs::before {
         content: 'x';
         margin: auto;
         position: relative;
-        top: -2;
+        top: -2px;
         font-size: medium;
         font-family: sans-serif;
     }
@@ -478,8 +478,8 @@ ul.lm_tabs::before {
     width: 100%;
     height: 100%;
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    left: 0px;
 
     .collectionDockingView-drag {
         touch-action: none;
@@ -514,7 +514,7 @@ ul.lm_tabs::before {
         border-bottom-left-radius: 10px;
         background: #93939347;
         z-index: 100;
-        //left: -3;
+        //left: -3px;
         &:hover {
             background: gray;
             color: white !important;
@@ -524,7 +524,7 @@ ul.lm_tabs::before {
         content: '+';
         margin: auto;
         font-size: x-large;
-        top: -4;
+        top: -4px;
         position: relative;
     }
     .lm_maximise {
@@ -548,10 +548,10 @@ ul.lm_tabs::before {
     }
 
     .flexlayout__layout {
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
+        left: 0px;
+        top: 0px;
+        right: 0px;
+        bottom: 0px;
         position: absolute;
         overflow: hidden;
     }
@@ -691,8 +691,8 @@ ul.lm_tabs::before {
 
     .flexlayout__tabset_header {
         position: absolute;
-        left: 0;
-        right: 0;
+        left: 0px;
+        right: 0px;
         color: #eee;
         background-color: #212121;
         padding: 3px 3px 3px 5px;
@@ -702,17 +702,17 @@ ul.lm_tabs::before {
 
     .flexlayout__tab_header_inner {
         position: absolute;
-        left: 0;
-        top: 0;
-        bottom: 0;
+        left: 0px;
+        top: 0px;
+        bottom: 0px;
         width: 10000px;
     }
 
     .flexlayout__tab_header_outer {
         background-color: global.$dark-gray;
         position: absolute;
-        left: 0;
-        right: 0;
+        left: 0px;
+        right: 0px;
         /*top: 0px;*/
         /*height: 100px;*/
         overflow: hidden;
@@ -731,23 +731,23 @@ ul.lm_tabs::before {
         display: flex;
         flex-direction: row-reverse;
         align-items: center;
-        top: 0;
-        bottom: 0;
-        right: 0;
+        top: 0px;
+        bottom: 0px;
+        right: 0px;
     }
 
     .flexlayout__tab_toolbar_button-min {
         width: 20px;
         height: 20px;
         border: none;
-        outline-width: 0;
+        outline-width: 0px;
     }
 
     .flexlayout__tab_toolbar_button-max {
         width: 20px;
         height: 20px;
         border: none;
-        outline-width: 0;
+        outline-width: 0px;
     }
 
     .flexlayout__popup_menu_item {
@@ -870,9 +870,9 @@ ul.lm_tabs::before {
         display: flex;
         flex-direction: column-reverse;
         align-items: center;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
     }
 
     .flexlayout__border_toolbar_right {
@@ -880,9 +880,9 @@ ul.lm_tabs::before {
         display: flex;
         flex-direction: column-reverse;
         align-items: center;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
     }
 
     .flexlayout__border_toolbar_top {
@@ -890,9 +890,9 @@ ul.lm_tabs::before {
         display: flex;
         flex-direction: row-reverse;
         align-items: center;
-        top: 0;
-        bottom: 0;
-        right: 0;
+        top: 0px;
+        bottom: 0px;
+        right: 0px;
     }
 
     .flexlayout__border_toolbar_bottom {
@@ -900,8 +900,8 @@ ul.lm_tabs::before {
         display: flex;
         flex-direction: row-reverse;
         align-items: center;
-        top: 0;
-        bottom: 0;
-        right: 0;
+        top: 0px;
+        bottom: 0px;
+        right: 0px;
     }
 }