From c0ce9f0a27649b8833f215654f00da77b6312310 Mon Sep 17 00:00:00 2001
From: adam malantonio <malantoa@lafayette.edu>
Date: Tue, 30 Jun 2020 10:29:25 -0400
Subject: [PATCH 1/2] create work-views scss file

---
 app/assets/stylesheets/spot.scss             | 30 +-------------------
 app/assets/stylesheets/spot/_work-views.scss | 28 ++++++++++++++++++
 2 files changed, 29 insertions(+), 29 deletions(-)
 create mode 100644 app/assets/stylesheets/spot/_work-views.scss

diff --git a/app/assets/stylesheets/spot.scss b/app/assets/stylesheets/spot.scss
index ad8b61402..d3d38f075 100644
--- a/app/assets/stylesheets/spot.scss
+++ b/app/assets/stylesheets/spot.scss
@@ -2,21 +2,7 @@
 @import "spot/navbar";
 @import "spot/homepage";
 @import "spot/multi-auth-controlled-vocab";
-
-.rights-statement-icon {
-  max-width: 120px;
-}
-
-.panel-heading-slim {
-  padding: 4px 15px;
-  padding-left: 8px; // TODO: this is a magic number; what's the value in bootstrap?
-
-  h5,
-  h6 {
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-}
+@import "spot/work-views";
 
 [role="main"] {
   margin-top: 1rem;
@@ -27,24 +13,10 @@
   margin-top: 0;
 }
 
-.thumbnail.file-set {
-  margin: auto;
-  max-width: 250px;
-}
-
 .ldr-logo img {
   height: 50px;
 }
 
-// bootstrap is very specific in targeting table cells,
-// so we also need to be that specific to override
-.metadata-table > tbody > tr {
-  > td,
-  > th {
-    vertical-align: middle;
-  }
-}
-
 // collection overrides
 .hyc-banner {
   min-height: 200px;
diff --git a/app/assets/stylesheets/spot/_work-views.scss b/app/assets/stylesheets/spot/_work-views.scss
new file mode 100644
index 000000000..c19d4eae1
--- /dev/null
+++ b/app/assets/stylesheets/spot/_work-views.scss
@@ -0,0 +1,28 @@
+.rights-statement-icon {
+  max-width: 120px;
+}
+
+.panel-heading-slim {
+  padding: 4px 15px;
+  padding-left: 8px; // TODO: this is a magic number; what's the value in bootstrap?
+
+  h5,
+  h6 {
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+}
+
+// bootstrap is very specific in targeting table cells,
+// so we also need to be that specific to override
+.metadata-table > tbody > tr {
+  > td,
+  > th {
+    vertical-align: middle;
+  }
+}
+
+.thumbnail.file-set {
+  margin: auto;
+  max-width: 250px;
+}

From eff62969108b6a4ed68300cc2a7bd5bed947d5e9 Mon Sep 17 00:00:00 2001
From: adam malantonio <malantoa@lafayette.edu>
Date: Tue, 30 Jun 2020 13:03:32 -0400
Subject: [PATCH 2/2] haven't settled on a color, but here's the code to make
 the changes

---
 app/assets/stylesheets/spot/_work-views.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/app/assets/stylesheets/spot/_work-views.scss b/app/assets/stylesheets/spot/_work-views.scss
index c19d4eae1..6ffda3f46 100644
--- a/app/assets/stylesheets/spot/_work-views.scss
+++ b/app/assets/stylesheets/spot/_work-views.scss
@@ -2,6 +2,20 @@
   max-width: 120px;
 }
 
+// if including the work-show page header in the panel coloring,
+// change `.work-metadata` to `.work-type`
+//
+// .work-metadata {
+//   .panel {
+//     border-color: $red-dark;
+//   }
+
+//   .panel-heading {
+//     background-color: $red-dark;
+//     color: $white;
+//   }
+// }
+
 .panel-heading-slim {
   padding: 4px 15px;
   padding-left: 8px; // TODO: this is a magic number; what's the value in bootstrap?