From 31e728a266b28b51c933287963757d5e62b36897 Mon Sep 17 00:00:00 2001
From: nicholas llerandi <nicholasllerandi@gmail.com>
Date: Tue, 30 Apr 2019 07:58:03 -0400
Subject: [PATCH] AllQuestions-styling

---
 client/src/App.js              |  7 ++++++-
 client/src/Global.js           | 10 +++++++++-
 client/src/elements/Buttons.js |  4 ++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index 7a8cfae..f271f68 100755
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -55,7 +55,12 @@ class App extends Component {
                                 <Route exact path="/users/:id/:name/edit" component={ProfileEdit}/>
                             </div>
                             <div className='sidebar'>
-                                Here is the sidebar
+                                <div className='ad'>
+                                    I'm an ad
+                                </div>
+                                <div className='ad'>
+                                    I'm also an ad
+                                </div>
                             </div>
                         </main>
                         <Footer/>
diff --git a/client/src/Global.js b/client/src/Global.js
index 50b8883..7cd45ce 100644
--- a/client/src/Global.js
+++ b/client/src/Global.js
@@ -1,5 +1,6 @@
 import {createGlobalStyle} from 'styled-components'
 import {normalize} from 'polished'
+import {elevation} from './utils'
 
 const GlobalStyle = createGlobalStyle`
     ${normalize()}
@@ -33,8 +34,15 @@ const GlobalStyle = createGlobalStyle`
         .sidebar {
             width: 25%;
             height: 50rem;
-            background: lightgrey;
             float: right;
+
+            .ad {
+                padding: 1rem;
+                margin: 1rem;
+                height: 11rem;
+                border: 1px solid #d6d9dc; 
+                ${elevation[1]};
+            }
         }
     }
 `;
diff --git a/client/src/elements/Buttons.js b/client/src/elements/Buttons.js
index f53a941..ea3e9d1 100644
--- a/client/src/elements/Buttons.js
+++ b/client/src/elements/Buttons.js
@@ -23,6 +23,10 @@ export const Button = styled.button`
 
 const SignUpButton = styled(Button)`
     background: ${green};
+    
+    &:hover {
+        background: ${darken(0.2, green)};
+    }
 `;
 
 Button.SignUp = SignUpButton;
\ No newline at end of file