Add Bard class

Move some stuff around.

src/assets/styles/styles.css

@@ -292,6 +292,49 @@ table th {
 
 /* Classes */
 
+.calendarWrapper {
+	border: 1px dashed #fadbb0;
+	border-radius: .5rem;
+	font: 100% system-ui;
+	grid-auto-rows: 1fr;
+	max-width: 28rem;
+}
+
+.calendarWrapper li {
+	padding: .5rem;
+}
+
+.calendarWrapper li:not(.dayName) {
+	aspect-ratio: 1;
+	justify-self: center;
+}
+
+.calendarWrapper ol {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+
+.calendarWrapper .calendar {
+	display: grid;
+	grid-template-columns: repeat(6, 1fr);
+}
+
+.calendarWrapper .currDay {
+	border: 1px solid #fadbb0;
+	border-radius: 50%;
+
+}
+  
+.calendarWrapper .firstDay {
+	grid-column-start: 1;
+}
+
+.calendarWrapper .dayName {
+	background: rgba(37, 40, 55, 0.6);
+}
+
 .headlessTableWrapper thead {
 	display: none;
 }
@@ -801,10 +844,18 @@ a.pageTitle-sublink {
 	padding-right: 1.5rem;
 }
 
+.rollerLink {
+	margin: .5rem 0 .75rem;
+}
+
+.rollerOutput {
+	margin: .5rem 0;
+	max-height: 9rem;
+	overflow-y: auto;
+}
+
 .rulesMenu {
-	/* border: 1px solid #fadbb0; */
 	align-items: center;
-	/* background-color: rgba(37, 40, 55, 0.6); */
 	display: flex;
 	flex-direction: column;
 }
@@ -988,7 +1039,7 @@ a.pageTitle-sublink {
 	display: none;
 	margin-bottom: 4%;
 	overflow-y: auto;
-	padding: .5rem 2rem;
+	padding: 0 2rem;
 	width: 100%;
 }
 
@@ -996,6 +1047,10 @@ a.pageTitle-sublink {
 	max-height: 25rem;
 }
 
+.toolDetails li {
+	margin-bottom: .3rem;
+}
+
 .toolDetails p {
 	margin-left: -1rem;
 }