From a5646ecb3eac0a6cf8cfa9a915ea56b399106ef4 Mon Sep 17 00:00:00 2001
From: Sam Wilkins <abdullah_ahmed@brown.edu>
Date: Tue, 30 Jul 2019 20:08:46 -0400
Subject: chrome collapse in right place again

---
 .../views/collections/CollectionViewChromes.scss      |  3 +--
 .../views/collections/CollectionViewChromes.tsx       |  4 ++--
 src/client/views/search/FilterBox.scss                | 19 ++++++++++---------
 3 files changed, 13 insertions(+), 13 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/CollectionViewChromes.scss b/src/client/views/collections/CollectionViewChromes.scss
index e1a612643..0c2665b1c 100644
--- a/src/client/views/collections/CollectionViewChromes.scss
+++ b/src/client/views/collections/CollectionViewChromes.scss
@@ -7,8 +7,6 @@
     z-index: 9001;
     transition: top .5s;
     background: lightgrey;
-    transition: margin-top .5s;
-    background: lightgray;
     padding: 10px;
 
     .collectionViewChrome {
@@ -41,6 +39,7 @@
                 position: absolute;
                 width: 40px;
                 transform-origin: top left;
+                // margin-top: 10px;
             }
 
             .collectionViewBaseChrome-viewSpecs {
diff --git a/src/client/views/collections/CollectionViewChromes.tsx b/src/client/views/collections/CollectionViewChromes.tsx
index 3bf96bf60..bf1f35a92 100644
--- a/src/client/views/collections/CollectionViewChromes.tsx
+++ b/src/client/views/collections/CollectionViewChromes.tsx
@@ -189,12 +189,12 @@ export class CollectionViewBaseChrome extends React.Component<CollectionViewChro
 
     render() {
         return (
-            <div className="collectionViewChrome-cont" style={{ top: this._collapsed ? -100 : 0 }}>
+            <div className="collectionViewChrome-cont" style={{ top: this._collapsed ? -70 : 0 }}>
                 <div className="collectionViewChrome">
                     <div className="collectionViewBaseChrome">
                         <button className="collectionViewBaseChrome-collapse"
                             style={{
-                                marginTop: this._collapsed ? 60 : 0,
+                                top: this._collapsed ? 70 : 10,
                                 transform: `rotate(${this._collapsed ? 180 : 0}deg) scale(${this._collapsed ? 0.5 : 1}) translate(${this._collapsed ? "-100%, -100%" : "0, 0"})`,
                                 opacity: (this._collapsed && !this.props.CollectionView.props.isSelected()) ? 0 : 0.9,
                                 left: (this._collapsed ? 0 : "unset"),
diff --git a/src/client/views/search/FilterBox.scss b/src/client/views/search/FilterBox.scss
index 799c72e65..ebb39460d 100644
--- a/src/client/views/search/FilterBox.scss
+++ b/src/client/views/search/FilterBox.scss
@@ -166,15 +166,16 @@
         align-items: center;
         justify-content: center;
 
-    .save-filter,
-    .reset-filter,
-    .all-filter {
-        background-color: gray;
-    }
+        .save-filter,
+        .reset-filter,
+        .all-filter {
+            background-color: gray;
+        }
 
-    .save-filter:hover,
-    .reset-filter:hover,
-    .all-filter:hover {
-        background-color: $darker-alt-accent;
+        .save-filter:hover,
+        .reset-filter:hover,
+        .all-filter:hover {
+            background-color: $darker-alt-accent;
+        }
     }
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2