Added selective opening of tabs and added new or current session opening of tabs.

src/styles/styles.css

@@ -6,36 +6,51 @@ body {
 
 ul, li { list-style: none; }
 
-li {
-    background-color: #0a1827;
-    color: #ffffff;
-    margin: 1em 0em;
-    padding: 1.5em;
-    text-align: center;
-}
-
-li:hover {
-    background-color: #1e4573;
-    cursor: pointer;
-}
-
-button {
+input[type=image] {
+    width: 2.5em;
+    height: 2.5em;
+    padding: 0.4em;
     background-color: #ffffff;
     color: #000000;
 }
 
+input[type=image]:hover {
+    cursor: pointer;
+    background-color: #a3b83b;
+    color: #ffffff;
+}
+
 #savedSessions {
-    height: 445px;
-    min-height: 445px;
-    max-height: 445px;
+    height: 365px;
+    min-height: 365x;
+    max-height: 365px;
     overflow-x: hidden;
     overflow-y: auto;
+    margin-bottom: 0.6em;
+    margin-top: 0.6em;
+}
+
+#editSelectionContainer {
+    height: 350px;
+    min-height: 350x;
+    max-height: 350px;
+    white-space: nowrap;
+    display: block;
+    overflow-x: auto;
+}
+
+#editSelectionContainer > ul > li {
+    float: left;
 }
 
 #inputId {
     display: none;
 }
 
+#selectAll {
+    margin-bottom: 1.5em;
+}
+
 #lableTag {
     top: 48%;
     margin: 0 auto;
@@ -59,6 +74,19 @@ button {
     cursor: pointer;
 }
 
+.sessionLI {
+    background-color: #0a1827;
+    color: #ffffff;
+    margin: 1em 0em;
+    padding: 1.5em;
+    text-align: center;
+}
+
+.sessionLI:hover {
+    background-color: #1e4573;
+    cursor: pointer;
+}
+
 .selected {
     background-color: #a3b83b;
     box-shadow: 0px 5px 5px 5px #444444;