From 90dd2b5ac2d8c696a78de54e2c2908734d785d98 Mon Sep 17 00:00:00 2001
From: j433866 <j433866@gmail.com>
Date: Wed, 27 Mar 2019 09:39:38 +0000
Subject: [PATCH] Add css for output tabs

---
 src/web/stylesheets/layout/_io.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/web/stylesheets/layout/_io.css b/src/web/stylesheets/layout/_io.css
index cd5b363c..0684f9f3 100755
--- a/src/web/stylesheets/layout/_io.css
+++ b/src/web/stylesheets/layout/_io.css
@@ -30,7 +30,8 @@
     -moz-padding-start: 1px; /* Fixes bug in Firefox */
 }
 
-#input-tabs ul {
+#input-tabs ul,
+#output-tabs ul {
     list-style: none;
     background-color: var(--title-background-colour);
     padding: 0;
@@ -43,7 +44,8 @@
     height: var(--tab-height);
 }
 
-#input-tabs ul li {
+#input-tabs ul li,
+#output-tabs ul li {
     display: flex;
     flex-direction: row;
     width: 100%;
@@ -56,17 +58,20 @@
     vertical-align: middle;
 }
 
-#input-tabs ul li:hover {
+#input-tabs ul li:hover,
+#output-tabs ul li:hover {
     cursor: pointer;
     background-color: var(--primary-background-colour);
 }
 
-.active-input-tab {
+.active-input-tab,
+.active-output-tab {
     font-weight: bold;
     background-color: var(--primary-background-colour);
 }
 
-.input-tab-content {
+.input-tab-content,
+.output-tab-content {
     width: 100%;
     max-width: 100%;
     padding-left: 5px;