From a680c4abaaa0a973016f75cab357e612e318a28f Mon Sep 17 00:00:00 2001
From: Joakim Hulthe <joakim@hulthe.net>
Date: Fri, 30 Apr 2021 15:19:33 +0200
Subject: [PATCH] Retab stylesheets

---
 server/static/styles/charts.css |  90 +++++++-------
 server/static/styles/common.css | 214 ++++++++++++++++----------------
 2 files changed, 152 insertions(+), 152 deletions(-)

diff --git a/server/static/styles/charts.css b/server/static/styles/charts.css
index d6acd09..584f755 100644
--- a/server/static/styles/charts.css
+++ b/server/static/styles/charts.css
@@ -1,81 +1,81 @@
 /* CSS rules for charts/plots */
 .chart_histogram {
-    height: 250px; /* TODO: possibly remove this */
-    padding: 0.75em;
-    padding-top: 1.5em;
-    margin: auto;
+	height: 250px; /* TODO: possibly remove this */
+	padding: 0.75em;
+	padding-top: 1.5em;
+	margin: auto;
 
-    display: flex;
-    flex-direction: row;
+	display: flex;
+	flex-direction: row;
 
-    /*** lined-paper background ***/
-    position: relative;
+	/*** lined-paper background ***/
+	position: relative;
 
-    background-size: 100% 40px;
+	background-size: 100% 40px;
 
-    border-radius: 3px;
+	border-radius: 3px;
 }
 
 .chart_histogram_legend {
-    margin-right: 0.5em;
+	margin-right: 0.5em;
 }
 
 .chart_histogram_col {
-    border-top: dotted 1px;
-    margin-top: 0.5em;
+	border-top: dotted 1px;
+	margin-top: 0.5em;
 
-    max-width: 2em;
+	max-width: 2em;
 
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
 }
 
 .chart_histogram_col_line {
-    display: flex;
-    width: 100%;
-    margin: auto;
+	display: flex;
+	width: 100%;
+	margin: auto;
 
-    background-color: #785ddc;
+	background-color: #785ddc;
 
-    border-color: #e2e8f0;
-    border-style: solid;
-    border-width: 0.1em;
+	border-color: #e2e8f0;
+	border-style: solid;
+	border-width: 0.1em;
 
-    transition: all 0.2s linear;
+	transition: all 0.2s linear;
 }
 
 .chart_histogram_col_line:hover {
-    background-color: #5538ba;
+	background-color: #5538ba;
 
-    transition: all 0.2s linear;
+	transition: all 0.2s linear;
 }
 
 .chart_histogram_col_label {
-    display: flex;
-    max-width: 100%;
-    height: 4em;
-    font-size: 0.5em;
-    text-align: center;
-    margin: auto;
-    overflow: hidden;
-    padding-left: 0.2em;
-    padding-right: 0.2em;
+	display: flex;
+	max-width: 100%;
+	height: 4em;
+	font-size: 0.5em;
+	text-align: center;
+	margin: auto;
+	overflow: hidden;
+	padding-left: 0.2em;
+	padding-right: 0.2em;
 }
 
 .paper {
-    /* font: normal 12px/1.5 "Lucida Grande", arial, sans-serif; */
+	/* font: normal 12px/1.5 "Lucida Grande", arial, sans-serif; */
 }
 
 /*
 .paper::before {
-    content: '';
-    position: absolute;
-    width: 4px;
-    top: 0;
-    left: 30px;
-    bottom: 0;
-    border: 1px solid;
-    border-color: transparent #efe4e4;
+	content: '';
+	position: absolute;
+	width: 4px;
+	top: 0;
+	left: 30px;
+	bottom: 0;
+	border: 1px solid;
+	border-color: transparent #efe4e4;
 }
 */
diff --git a/server/static/styles/common.css b/server/static/styles/common.css
index 02f2c03..9832632 100644
--- a/server/static/styles/common.css
+++ b/server/static/styles/common.css
@@ -1,37 +1,37 @@
 body {
-    font-family: Ubuntu;
-    background-color: #302f3b;
-    color: #e0c1c1;
+	font-family: Ubuntu;
+	background-color: #302f3b;
+	color: #e0c1c1;
 }
 
 .title {
-    text-align: center;
+	text-align: center;
 }
 
 a {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 a:link {
-    color: #fff;
-    border-bottom: 0.05em solid #ff0000;
+	color: #fff;
+	border-bottom: 0.05em solid #ff0000;
 }
 
 a:visited {
-    color: #fff;
-    border-bottom: 0.05em solid #b3b3b3;
+	color: #fff;
+	border-bottom: 0.05em solid #b3b3b3;
 }
 
 a:hover {
-    color: #7bd09f;
-    border-bottom: 0.05em solid #000099;
+	color: #7bd09f;
+	border-bottom: 0.05em solid #000099;
 }
 
 ul.striped_list {
-    max-width: 40rem;
-    list-style-type: none;
-    margin: auto;
-    padding: 0;
+	max-width: 40rem;
+	list-style-type: none;
+	margin: auto;
+	padding: 0;
 }
 
 ul.striped_list > li:nth-child(even) { background-color:#302f3b }
@@ -45,86 +45,86 @@ ul.striped_list > li:nth-child(odd) ul li:nth-child(odd)  { background-color:#30
 }
 
 .category_header {
-    display: flex;
-    flex-direction: row;
+	display: flex;
+	flex-direction: row;
 }
 
 .category_children {
-    display: flex;
-    flex-direction: column;
+	display: flex;
+	flex-direction: column;
 
-    margin-left: 2.5em !important;
+	margin-left: 2.5em !important;
 
-    border-left: groove 1em;
-    border-top: groove 1em;
-    border-bottom: dotted;
-    border-color: #696969;
-    font-size: 0.8em;
+	border-left: groove 1em;
+	border-top: groove 1em;
+	border-bottom: dotted;
+	border-color: #696969;
+	font-size: 0.8em;
 }
 
 .category_name {
-    font-size: 3em;
-    margin: auto;
+	font-size: 3em;
+	margin: auto;
 }
 
 /*
 .category_button {
-    border-radius: 1em;
-    color: white;
-    font-size: 2em;
-    height: 2em;
-    width: 2em;
-    margin: 0.1em;
-    font-family: 'Source Sans Pro', sans-serif;
+	border-radius: 1em;
+	color: white;
+	font-size: 2em;
+	height: 2em;
+	width: 2em;
+	margin: 0.1em;
+	font-family: 'Source Sans Pro', sans-serif;
 }
 */
 
 .category_icon {
-    border-radius: 2em;
-    height: 4em;
-    width: 4em;
-    margin-top: auto;
-    margin-bottom: auto;
-    margin-left: 1em;
+	border-radius: 2em;
+	height: 4em;
+	width: 4em;
+	margin-top: auto;
+	margin-bottom: auto;
+	margin-left: 1em;
 }
 
 .category_button_container {
-    margin: 0.1rem;
-    background-color: #a4829c;
-    border-radius: 3.5rem;
-    width: 7rem;
-    height: 7rem;
+	margin: 0.1rem;
+	background-color: #a4829c;
+	border-radius: 3.5rem;
+	width: 7rem;
+	height: 7rem;
 }
 
 .category_button {
-    box-sizing: border-box;
-    height: 60px;
+	box-sizing: border-box;
+	height: 60px;
 
-    margin: 30px;
-    margin-top: 25px;
+	margin: 30px;
+	margin-top: 25px;
 
-    background-color: transparent;
-    border-color: transparent transparent transparent #302f3b;
-    transition: 100ms all ease;
-    will-change: border-width;
-    cursor: pointer;
+	background-color: transparent;
+	border-color: transparent transparent transparent #302f3b;
+	transition: 100ms all ease;
+	will-change: border-width;
+	cursor: pointer;
 
-    /* play state */
-    border-style: solid;
-    border-width: 30px 0 30px 50px;
+	/* play state */
+	border-style: solid;
+	border-width: 30px 0 30px 50px;
 }
 
 .category_button_toggled {
-    /* pause state */
-    border-style: double;
-    border-width: 0px 0 0px 50px;
+	/* pause state */
+	border-style: double;
+	border-width: 0px 0 0px 50px;
 }
 
 .history_entry {
-    padding: 0.2em;
-    padding-left: 0.5em;
-    padding-right: 0.5em;
-    text-align: right;
+	padding: 0.2em;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	text-align: right;
 }
 
 .history_entry_category {
@@ -132,72 +132,72 @@ ul.striped_list > li:nth-child(odd) ul li:nth-child(odd)  { background-color:#30
 }
 
 .history_entry_duration {
-    color: #e4c9ff;
-    display: inline-block;
-    border: solid dimgray 0.05em;
-    background: black;
-    font-family: Ubuntu Mono;
-    padding-right: 0.3em;
-    padding-left: 0.3em;
-    min-width: 4em;
-    text-align: center;
+	color: #e4c9ff;
+	display: inline-block;
+	border: solid dimgray 0.05em;
+	background: black;
+	font-family: Ubuntu Mono;
+	padding-right: 0.3em;
+	padding-left: 0.3em;
+	min-width: 4em;
+	text-align: center;
 }
 
 .history_entry_started {
-    color: #fdab70;
+	color: #fdab70;
 }
 
 .history_entry_ended {
-    color: #ffa9a9;
+	color: #ffa9a9;
 }
 
 .history_entry_delete_button {
-    color: #aa0000;
+	color: #aa0000;
 }
 
 .hline {
-    width: 99%;
-    height: 3px;
-    background-color: #aaaaaa;
-    margin: auto;
+	width: 99%;
+	height: 3px;
+	background-color: #aaaaaa;
+	margin: auto;
 }
 
 .tooltip {
-    position: relative;
-    display: inline-block;
-    border-bottom: 0.05em dotted black;
+	position: relative;
+	display: inline-block;
+	border-bottom: 0.05em dotted black;
 }
 
 .tooltip .tooltiptext {
-    visibility: hidden;
-    width: 120px;
-    background-color: #000;
-    color: #fff;
-    text-align: center;
-    border-radius: 6px;
-    padding: 5px 0;
-    position: absolute;
-    z-index: 1;
-    bottom: 110%;
-    left: 50%;
-    margin-left: -60px;
-    opacity: 0;
-    transition: opacity 0.3s;
+	visibility: hidden;
+	width: 120px;
+	background-color: #000;
+	color: #fff;
+	text-align: center;
+	border-radius: 6px;
+	padding: 5px 0;
+	position: absolute;
+	z-index: 1;
+	bottom: 110%;
+	left: 50%;
+	margin-left: -60px;
+	opacity: 0;
+	transition: opacity 0.3s;
 }
 
 .tooltip .tooltiptext::after {
-    content: "";
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: #000 transparent transparent transparent;
+	content: "";
+	position: absolute;
+	top: 100%;
+	left: 50%;
+	margin-left: -5px;
+	border-width: 5px;
+	border-style: solid;
+	border-color: #000 transparent transparent transparent;
 }
 
 .tooltip:hover .tooltiptext {
-    visibility: visible;
-    opacity: 1;
+	visibility: visible;
+	opacity: 1;
 }