From dbf726d9e021a692254defdab8b993063b15354f Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sat, 6 Mar 2021 16:09:51 -0800
Subject: update watermark styling

---
 frontend/src/components/Watermark.js | 43 +++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 18 deletions(-)

(limited to 'frontend/src/components/Watermark.js')

diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js
index 6ab212b..2f6c8c6 100644
--- a/frontend/src/components/Watermark.js
+++ b/frontend/src/components/Watermark.js
@@ -1,25 +1,32 @@
 import styled from "styled-components";
 import React from "react";
+import Footer from "./Footer";
 
-const Logo = styled.h1`
-  position: fixed;
-  bottom: 0.3em;
-  left: 0.5em;
-  opacity: 0.3;
-  font-size: 50px;
-  margin: 0 0;
-  transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
+const Logo = styled.div`
+    position: fixed;
+    bottom: 1em;
+    left: 2em;
+    opacity: 0.3;
+    transition: opacity 0.5s cubic-bezier(.25,.8,.25,1);
+    
+    &:hover {
+        opacity: 1;
+    }
 
-  & > a {
-    text-decoration: none;
-    position: relative;
-    color: ${p => p.theme.colors.text};
-  }
-  
-  &:hover {
-    opacity: 1;
-  }
+    & > h1 {
+        font-size: 50px;
+        margin: 0 0;
+      
+        & > a {
+            text-decoration: none;
+            position: relative;
+            color: ${p => p.theme.colors.text};
+        }
+    }
 `
 export const Watermark = () => <Logo>
-    <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
+    <h1>
+        <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
+    </h1>
+    <Footer />
 </Logo>
\ No newline at end of file
-- 
cgit v1.2.3