Minor 1.8 (#34)

- Ability to rename Tab Groups #33
- Added collections view switch #35

css/style.css

@@ -53,23 +53,20 @@
 		padding: 14px 20px 16px 20px;
 		box-shadow: 0px 0px 5px rgba(0,0,0,.5);
 		background-color: white;
+		display: grid;
+		grid-template-columns: 1fr auto auto;
+		grid-column-gap: 10px;
+		grid-row-gap: 30px;
 	}
-		.tabsAside.pane > header > div
-		{
-			display: grid;
-			grid-template-columns: 1fr auto auto;
-			grid-column-gap: 10px;
-			margin-bottom: 29px;
-		}
 
-			.tabsAside.pane > header > div > h1
+			.tabsAside.pane > header > h1
 			{
 				margin: 0px 5px;
 				font-weight: 500;
 				font-size: 15pt;
 			}
 
-			.tabsAside.pane > header > div > nav
+			.tabsAside.pane > header > nav
 			{
 				top: 45px;
 				right: 55px;
@@ -92,6 +89,7 @@
 			grid-column-gap: 15px;
 
 			font-weight: 600;
+			margin-right: auto;
 		}
 
 		.iconArrowRight
@@ -162,11 +160,18 @@
 			visibility: visible !important;
 		}
 
-		.collectionSet > .header > h4
+		.collectionSet > .header > input
 		{
 			margin: 0px;
 			visibility: visible !important;
 			font-weight: 500;
+			border: none;
+			background: transparent;
+		}
+
+		.collectionSet > .header > input:hover
+		{
+			border: 1px solid black;
 		}
 
 		.collectionSet > .header > a

css/style.dark.css

@@ -38,6 +38,22 @@
 		background-color: dimgray;
 	}
 
+	.tabsAside[darkmode] .collectionSet > .header > input
+	{
+		color: white;
+	}
+
+	.tabsAside[darkmode] .collectionSet > .header > input:hover
+	{
+		border: 1px solid dimgray;
+	}
+
+	.tabsAside[darkmode] .collectionSet > .header > input:focus
+	{
+		background: white;
+		color: black;
+	}
+
 	.tabsAside[darkmode] a
 	{
 		color: #48adff;

css/style.listview.css

@@ -0,0 +1,58 @@
+.tabsAside[listview] .collectionSet > .header
+{
+	margin-bottom: 5px;
+}
+
+.tabsAside[listview] .collectionSet > .set
+{
+	max-height: 250px;
+}
+
+.tabsAside[listview] .collectionSet > .set > div
+{
+	width: initial;
+	height: initial;
+	background-image: none !important;
+	display: block;
+}
+
+.listviewSwitch
+{
+	width: 20px;
+	height: 20px;
+	display: grid;
+	grid-row-gap: 2px;
+	grid-column-gap: 2px;
+	cursor: pointer;
+}
+
+.listviewSwitch.tile
+{
+	grid-template-columns: 1fr 1fr;
+}
+
+.listviewSwitch > div
+{
+	border-radius: 1px;
+	background-color: #c2c2c2;
+}
+
+.listviewSwitch:hover > div
+{
+	background-color: #a0a0aa;
+}
+
+.tabsAside .listviewSwitch.tile > div
+{
+	background-color: gray;
+}
+
+.tabsAside[listview] .listviewSwitch.tile > div
+{
+	background-color: #c2c2c2;
+}
+
+.tabsAside[listview] .listviewSwitch.list > div
+{
+	background-color: gray;
+}