diff --git a/pages/scene/+Page.vue b/pages/scene/+Page.vue
index 3922eb1..451468a 100644
--- a/pages/scene/+Page.vue
+++ b/pages/scene/+Page.vue
@@ -134,17 +134,19 @@
/>
Added
- {{ formatDate(scene.createdAt, 'yyyy-MM-dd') }}
- #{{ scene.createdBatchId }}
+
+
+ {{ formatDate(scene.createdAt, 'yyyy-MM-dd') }}
+ #{{ scene.createdBatchId }}
+
{
if (scene.poster) {
return getPath(scene.poster, 'thumbnail');
@@ -560,13 +578,13 @@ function copySummary() {
.header {
display: flex;
- align-items: flex-start;
+ align-items: center;
justify-content: space-between;
- padding: 1rem .5rem .5rem .5rem;
+ padding: 1rem .5rem 1rem .5rem;
}
.title {
- margin: 0 .5rem 1rem 0;
+ margin: .25rem .5rem .5rem 0;
line-height: 1.25;
display: -webkit-box;
-webkit-box-orient: vertical;
@@ -602,12 +620,11 @@ function copySummary() {
display: flex;
}
-/*
-.watch {
- background: var(--primary);
- color: var(--text-light);
+.watch.button {
+ padding: .75rem 2rem;
+ margin-left: .25rem;
+ font-size: 1rem;
}
-*/
.actors,
.tags {
@@ -663,6 +680,12 @@ function copySummary() {
.details {
display: flex;
gap: 1rem 1.5rem;
+ flex-wrap: wrap;
+}
+
+.detail {
+ display: flex;
+ flex-direction: column;
}
.description {
@@ -728,7 +751,7 @@ function copySummary() {
.actions {
width: 100%;
justify-content: space-between;
- margin-bottom: 1.5rem;
+ margin-bottom: 1.25rem;
}
.title {
@@ -771,7 +794,11 @@ function copySummary() {
}
.header {
- padding: 1rem .5rem 1.5rem .5rem;
+ padding: 1rem .5rem .5rem .5rem;
+ }
+
+ .title {
+ margin-left: 1.5rem;
}
.info {