Changes to use the MSP Displayport setting. Integrated changes from geoffsim PR #1589

1 files changed, 50 insertions, 10 deletions

diff --git a/src/css/tabs/osd.css b/src/css/tabs/osd.css
index 4375a2ba..58eab9d1 100644
--- a/src/css/tabs/osd.css
+++ b/src/css/tabs/osd.css
@@ -430,26 +430,26 @@ button {
     left: calc(50% - 197px);
 }
 
-.tab-osd .preview_hd {
+.tab-osd .preview_hdzero {
     width: 600px !important;
     left: calc(50% - 317px) !important;
 }
 
-.tab-osd .hd_43_left {
-	border-left: 1px solid red;
+.tab-osd .hdzero_43_left {
+	border-left: 2px solid red;
 	position: absolute;
 	left: 60px;
 	height: calc(100% - 27px);
 }
 
-.tab-osd .hd_43_right {
-	border-right: 1px solid red;
+.tab-osd .hdzero_43_right {
+	border-right: 2px solid red;
 	position: absolute;
 	right: 60px;
 	height: calc(100% - 27px);
 }
 
-.tab-osd .preview_hd_side {
+.tab-osd .preview_hdzero_side {
 	width: calc(50% - 317px) !important;
 }
 
@@ -459,16 +459,16 @@ button {
 }
 
 .tab-osd .dji_hd_43_left {
-	border-left: 1px solid red;
+	border-left: 2px solid red;
 	position: absolute;
-	left: 72px;
+	left: 84px;
 	height: calc(100% - 27px);
 }
 
 .tab-osd .dji_hd_43_right {
-	border-right: 1px solid red;
+	border-right: 2px solid red;
 	position: absolute;
-	right: 72px;
+	right: 84px;
 	height: calc(100% - 27px);
 }
 
@@ -476,6 +476,46 @@ button {
 	width: calc(50% - 377px) !important;
 }
 
+.tab-osd .hd_3016_top {
+    border-top: 2px solid blue;
+    position: absolute;
+    top: 46px;
+    left: 120px;
+    width: 360px;
+}
+
+.tab-osd .hd_3016_bottom {
+    border-bottom: 2px solid blue;
+    position: absolute;
+    bottom: 18px;
+    left: 120px;
+    width: 360px;
+}
+
+.tab-osd .hd_3016_left {
+    border-left: 2px solid blue;
+    position: absolute;
+    top: 46px;
+    left: 120px;
+    height: 288px;
+}
+
+.tab-osd .hd_3016_right {
+    border-right: 2px solid blue;
+    position: absolute;
+    top: 46px;
+    right: 120px;
+    height: 288px;
+}
+
+.tab-osd .ntsc_bottom {
+    border-bottom: 2px solid green;
+    position: absolute;
+    bottom: 54px;
+    left: 0px;
+    width: 100%;
+}
+
 .tab-osd .preview {
     /* please don't copy the generic background image from another project
      * and replace the one that @nathantsoi took :)