1 files changed, 72 insertions, 5 deletions

diff --git a/tiddlers/日历.tid b/tiddlers/日历.tid
index 0b11acb..ce84a8b 100644
--- a/tiddlers/日历.tid
+++ b/tiddlers/日历.tid
@@ -9,13 +9,44 @@ type: text/vnd.tiddlywiki
 	width: 100%;
 }
 
+.tc-journal-calendar-toolbar {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: 0.75rem 1rem;
+	margin-bottom: 1rem;
+}
+
+.tc-journal-calendar-month-summary {
+	display: flex;
+	flex-wrap: wrap;
+	flex: 1 1 auto;
+	align-items: center;
+	gap: 0.5rem 1rem;
+	min-width: 0;
+}
+
+.tc-journal-calendar-current-month {
+	margin: 0;
+	white-space: nowrap;
+}
+
 .tc-journal-calendar-view-switcher,
 .tc-journal-calendar-month-controls {
 	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
+	flex-wrap: nowrap;
 	gap: 0.5rem;
-	margin-bottom: 1rem;
+}
+
+.tc-journal-calendar-view-switcher {
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+}
+
+.tc-journal-calendar-month-controls {
+	justify-content: flex-start;
 }
 
 .tc-journal-calendar-switch,
@@ -34,9 +65,30 @@ type: text/vnd.tiddlywiki
 	margin-bottom: 2rem;
 }
 
+.tc-journal-calendar-month-header {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: 0.5rem 1rem;
+	margin-bottom: 0.75rem;
+}
+
 .tc-journal-calendar-month-title {
-	margin: 0 0 0.75rem;
-	text-align: center;
+	margin: 0;
+}
+
+.tc-journal-calendar-expand {
+	margin-left: auto;
+	padding: 0.35rem 0.8rem;
+	border: 1px solid <<colour tiddler-border>>;
+	border-radius: 999px;
+}
+
+.tc-journal-calendar-expand:hover,
+.tc-journal-calendar-expand:focus {
+	color: <<colour background>>;
+	background: <<colour primary>>;
 }
 
 .tc-journal-calendar-viewport {
@@ -101,6 +153,10 @@ type: text/vnd.tiddlywiki
 	color: <<colour primary>>;
 }
 
+.tc-journal-calendar-day-today .tc-journal-calendar-day-link {
+	color: <<colour background>>;
+}
+
 .tc-journal-calendar-day-number {
 	margin-bottom: 0.35rem;
 	font-weight: 600;
@@ -133,7 +189,14 @@ type: text/vnd.tiddlywiki
 }
 
 @media (max-width: 600px) {
+	.tc-journal-calendar-month-summary {
+		flex: 1 1 100%;
+		flex-wrap: wrap;
+	}
+
 	.tc-journal-calendar-view-switcher {
+		flex: 1 1 100%;
+		margin-left: 0;
 		display: grid;
 		grid-template-columns: repeat(2,minmax(0,1fr));
 		gap: 0.35rem;
@@ -159,6 +222,10 @@ type: text/vnd.tiddlywiki
 		font-size: 1.25rem;
 	}
 
+	.tc-journal-calendar-expand {
+		min-height: 2.75rem;
+	}
+
 	.tc-journal-calendar-viewport {
 		overflow-x: visible;
 	}