stylethings

etl12003 · Apr 23, 2017 · fc0a037 · fc0a037
1 parent b71cc80
commit fc0a037
Show file tree

Hide file tree

Showing 7 changed files with 238 additions and 112 deletions.
diff --git a/Wello/www/css/desktop.css b/Wello/www/css/desktop.css
@@ -32,9 +32,10 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
+		align-items: center;
 	}
 
-	main.search a{
+	main.search  a{
 		color: inherit;
 		width: 50%;
 		max-width: 41rem;

diff --git a/Wello/www/css/main.css b/Wello/www/css/main.css
@@ -145,7 +145,7 @@ nav.top-nav {
   background-color: #65b2ff;
   z-index: 10; }
 
-nav.top-nav button {
+nav.top-nav a {
   margin: .5rem; 
 }
 .closed{
@@ -228,8 +228,22 @@ nav.bottom-nav {
   display: flex;
   justify-content: space-around;
   background-color: #65b2ff; }
-  nav.bottom-nav button {
-    margin: .5rem; }
+  nav.bottom-nav button, nav.bottom-nav a {
+    margin: .5rem; 
+display: flex;
+justify-content: center;
+align-items: center;}
+
+a > img{
+
+  margin-left: auto;
+  margin-right: auto;
+}
+a.add-well{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
 nav.fabs {
   display: flex;
@@ -242,10 +256,10 @@ nav.fabs {
   width: 6rem;
   height: 8rem; }
 
-button {
+button, a {
   background-color: transparent;
   border: none; }
-  button.add-well {
+  button.add-well, a.add-well {
     background: #65b2ff;
     border-radius: 10rem;
     width: 4rem;
@@ -406,9 +420,14 @@ input[type=submit]{
     margin: 1rem;
     height: 3rem;
 }
+form.search{
+  width:100%;
+  max-width: none;
+  max-width: 41rem;
+}
 
 input[type=search]{
-  width: 80%;
+  width: 100%;
   padding: .7rem;
   margin: .5rem;
   background: rgba(255, 255, 255, 0.19);

diff --git a/Wello/www/css/map-desktop.css b/Wello/www/css/map-desktop.css
@@ -15,12 +15,12 @@
     nav.bottom-nav{
         width: 5rem;
         flex-direction: column;
-        height: calc(100vh - 8rem);
-        margin-top: 5rem;
+        height: calc(100vh - 5rem);
+        margin-top: 0rem;
         justify-content: flex-start;
-        padding-top: 4rem;
+        padding-top: 5rem;
     }
-    nav.bottom-nav button{
+    nav.bottom-nav button, nav.bottom-nav a{
         margin-bottom: 3rem;
     }