add paper texture to political display panel.

2 files changed, 12 insertions, 2 deletions

diff --git a/images/paper.jpg b/images/paper.jpg
new file mode 100644
index 0000000..bb5004c
--- /dev/null
+++ b/images/paper.jpg
diff --git a/play.css b/play.css
index 4dc64a2..5efd202 100644
--- a/play.css
+++ b/play.css
@@ -219,7 +219,7 @@ dialog button {
 #hand_austria_panel { background-color: var(--color-medium-austria) }
 
 #political_header { background-color: var(--color-light-political) }
-#political_panel { background-color: var(--color-medium-political) }
+#political_panel { background-color: #f3e9b8; }
 
 #discard_pile_header { background-color: var(--color-light-discard); }
 #discard_pile_panel { background-color: var(--color-medium-discard); }
@@ -263,6 +263,11 @@ button:not(.hide):has(img) {
 /* POLITICAL DISPLAY */
 
 #political_panel {
+	background-image: url(images/paper.jpg);
+	background-position: top right;
+}
+
+#political_panel {
 	width: min-content;
 }
 
@@ -277,6 +282,11 @@ button:not(.hide):has(img) {
 	border: 1px solid #0008;
 }
 
+#political_display, #pd_deals table {
+	box-shadow: 1px 1px 4px #0003;
+	margin: 4px;
+}
+
 #placed_prussia { left: 42px; }
 #placed_france { left: 246px; }
 #placed_pragmatic { left: 449px; }
@@ -323,7 +333,7 @@ button:not(.hide):has(img) {
 /* POLITICAL DEAL LIST */
 
 #pd_deals table {
-	width: 100%;
+	width: 879px;
 	background-color: var(--color-light-political);
 	border: 1px solid #0008;
 }