groups

_css/default.css

@@ -568,9 +568,161 @@ h1.apply {
 	margin: 30px auto 50px auto;
 }
 
+#footer_control {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	height: 50px;
+	background: #3d3d3d;
+	display: block;
+	width: 100%;
+	overflow: auto;
+}
+
+.list .member {
+	background-color: #20b495;
+	border-left: 3px solid black;
+}
+
+.list .member:hover {
+	background-color: #93e9ac;
+	border-left: 3px solid black;
+}
+
+.toggle {
+	width: 50px;
+	height: 120px;
+	position: relative;
+	right: -5px;
+	top: -10px;
+	background-color: #edfc5a;
+	float: right;
+	border-right: 3px solid;
+	cursor: pointer;
+}
+
+.list .list_item .toggle img {
+	position: relative;
+	left: 12px;
+	top: 45px;
+	width: 25px;
+	height: 25px;
+}
+
+.nested {
+	position: relative;
+	right: 25px;
+	height: 28px;
+	border-radius: 0px 10px 7px 0px;
+	top: 1px;
+	width: 35px;
+}
+
+#footer_toggle {
+	width: 60px;
+	height: 50px;
+	background: #e0e0e0;
+	float: right;
+	cursor: pointer;
+	position: fixed;
+	bottom: 0;
+	right: 0;
+}
+
+#footer_toggle img {
+	width: 50px;
+}
+
+.category_list {
+	width: 70%;
+	display: block;
+	margin: 5px 2% 5px 8%;
+}
+
+.add_category {
+	width: 50%;
+	margin: 5px 2% 0px 15%;
+}
+
+.name_span {
+	margin: 5px auto;
+	display: block;
+	text-align: center;
+}
+
+.bigger_padding {
+	padding: 20px 0px 50px 0px;
+}
+
+form#auto_filters > div > label {
+	padding-top: 0px;
+}
+
+.category_tab {
+	padding: 3px;
+	border: 1px solid;
+	border-radius: 3px;
+	margin-right: 5px;
+}
+
+.categories {
+	display: inline-block;
+	padding: 10px 45px 10px 45px;
+	margin: 0;
+	width: 100%;
+	text-align: center;
+}
+
+#categories {
+	display: inline;
+}
 
 @media (min-width: 680px) {
 
+.categories {
+	width: unset;
+	text-align: left;
+	margin: 0px 0px 0px 45px;
+	padding: 0;
+}
+
+.toggle {
+	width: 50px;
+	height: 50px;
+	position: relative;
+	right: -5px;
+	top: -10px;
+	background-color: #edfc5a;
+	float: right;
+	border-right: 3px solid;
+	cursor: pointer;
+}
+
+.list .list_item .toggle img {
+	position: relative;
+	left: 12px;
+	top: 10px;
+	width: 25px;
+	height: 25px;
+}
+
+.name_span {
+	min-width: 200px;
+	display: inline-block;
+	margin: 0;
+}
+
+.category_list {
+	width: 25%;
+	margin: 0;
+	display: inline;
+}
+
+.add_category {
+	width: 25%;
+	margin: 0;
+}
+
 
 .list .date_separator {
 	width: 100%;