add new github button and css

7 files changed, 62 insertions, 41 deletions

diff --git a/wqflask/wqflask/static/new/css/markdown.css b/wqflask/wqflask/static/new/css/markdown.css
index 91b72cb8..311962c1 100644
--- a/wqflask/wqflask/static/new/css/markdown.css
+++ b/wqflask/wqflask/static/new/css/markdown.css
@@ -15,29 +15,28 @@
     margin-left: auto;
 }
 
-.github-btn {
+.github-btn-container {
     margin: 20px 10px;
     display: flex;
     width: 90vw;
     justify-content: flex-end;
 }
 
-.github-btn a {
-    display: inline-block;
-    align-self: center;
-    text-decoration: none;
-    transition-property: all;
-    transition-duration: 0.5s;
-    padding: 8px 12px;
-    color: #fff;
-    background: blue;
-    border-radius: 20px;
+.github-btn {
+    border: 3px solid #357ebd;
+    background: lightgrey;
+    padding: 6px 8px;
+    border-radius: 16px;
 }
 
-.github-btn a:hover {
-
-    background: #333;
+.github-btn a {
+    font-weight: bold;
+    color: #357ebd;
+}
 
+.github-btn a img {
+    height: 40px;
+    width: 40px;
 }
 
 
diff --git a/wqflask/wqflask/templates/environment.html b/wqflask/wqflask/templates/environment.html
index f378e0b8..183518a5 100644
--- a/wqflask/wqflask/templates/environment.html
+++ b/wqflask/wqflask/templates/environment.html
@@ -8,9 +8,14 @@
 
 {% block content %}
 
- <div class="github-btn">
- <a href="https://github.com/genenetwork/gn-docs">Edit on Github</a>	
- </div>
+ <div class="github-btn-container">
+    <div class="github-btn ">
+        <a href="https://github.com/genenetwork/gn-docs">
+            Edit on Github inner
+            <img src="/static/images/edit.png">
+        </a>
+    </div>
+</div>
 <div id="markdown" class="container">
 	
    <div  class="cls-table-style">{{ rendered_markdown|safe }} </div>
diff --git a/wqflask/wqflask/templates/facilities.html b/wqflask/wqflask/templates/facilities.html
index 63f110dd..652746a7 100644
--- a/wqflask/wqflask/templates/facilities.html
+++ b/wqflask/wqflask/templates/facilities.html
@@ -8,10 +8,14 @@
 
 {% block content %}
 
- <div class="github-btn">
- <a href="https://github.com/genenetwork/gn-docs">Edit on Github</a>	
- </div>
-
+ <div class="github-btn-container">
+    <div class="github-btn">
+        <a href="https://github.com/genenetwork/gn-docs">
+            Edit on Github inner
+            <img src="/static/images/edit.png">
+        </a>
+    </div>
+</div>
 <div id="markdown" class="container">
    {{ rendered_markdown|safe }}
 
diff --git a/wqflask/wqflask/templates/glossary.html b/wqflask/wqflask/templates/glossary.html
index 395bcfea..f536d977 100644
--- a/wqflask/wqflask/templates/glossary.html
+++ b/wqflask/wqflask/templates/glossary.html
@@ -8,9 +8,14 @@
 
 {% block content %}
 
- <div class="github-btn">
- <a href="https://github.com/genenetwork/gn-docs">Edit on Github</a>	
- </div>
+<div class="github-btn-container">
+    <div class="github-btn">
+        <a href="https://github.com/genenetwork/gn-docs">
+            Edit on Github inner
+            <img src="/static/images/edit.png">
+        </a>
+    </div>
+</div>
 <div id="markdown" class="container">
 	
     {{ rendered_markdown|safe }}
diff --git a/wqflask/wqflask/templates/links.html b/wqflask/wqflask/templates/links.html
index 94d8eab7..cf524496 100644
--- a/wqflask/wqflask/templates/links.html
+++ b/wqflask/wqflask/templates/links.html
@@ -8,9 +8,14 @@
 
 {% block content %}
 
- <div class="github-btn">
- <a href="https://github.com/genenetwork/gn-docs">Edit on Github</a>	
- </div>
+<div class="github-btn-container">
+    <div class="github-btn ">
+        <a href="https://github.com/genenetwork/gn-docs">
+            Edit on Github inner
+            <img src="/static/images/edit.png">
+        </a>
+    </div>
+</div>
 
 <div id="markdown" class="container">
    {{ rendered_markdown|safe }}
diff --git a/wqflask/wqflask/templates/policies.html b/wqflask/wqflask/templates/policies.html
index 94d8eab7..420493ad 100644
--- a/wqflask/wqflask/templates/policies.html
+++ b/wqflask/wqflask/templates/policies.html
@@ -8,10 +8,14 @@
 
 {% block content %}
 
- <div class="github-btn">
- <a href="https://github.com/genenetwork/gn-docs">Edit on Github</a>	
- </div>
-
+ <div class="github-btn-container">
+    <div class="github-btn ">
+        <a href="https://github.com/genenetwork/gn-docs">
+            Edit on Github inner
+            <img src="/static/images/edit.png">
+        </a>
+    </div>
+</div>
 <div id="markdown" class="container">
    {{ rendered_markdown|safe }}
 
diff --git a/wqflask/wqflask/templates/references.html b/wqflask/wqflask/templates/references.html
index 8dcf4493..caf87244 100644
--- a/wqflask/wqflask/templates/references.html
+++ b/wqflask/wqflask/templates/references.html
@@ -1,20 +1,19 @@
 {% extends "base.html" %}
-
 {% block title %}Reference{% endblock %}
-
 {% block css %}
 <link rel="stylesheet" type="text/css" href="/static/new/css/markdown.css" />
 {% endblock %}
-
 {% block content %}
-
- <div class="github-btn">
- <a href="https://github.com/genenetwork/gn-docs">Edit on Github</a>	
- </div>
-
+<div class="github-btn-container">
+    <div class="github-btn">
+        <a href="https://github.com/genenetwork/gn-docs">
+            Edit on Github inner
+            <img src="/static/images/edit.png">
+        </a>
+    </div>
+</div>
 <div id="markdown" class="container">
-   {{ rendered_markdown|safe }}
-
+    {{ rendered_markdown|safe }}
 </div>
 
 {% endblock %}
\ No newline at end of file