Fixed searchbar positioning and added more components

1 files changed, 17 insertions, 13 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index 4f50205..6ee1ac4 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -64,7 +64,6 @@ main .search h2{
 
 
 .search input[type=text] {
-    width: 250px;
     text-align: center;
     box-sizing: border-box;
     background-color: white;
@@ -73,24 +72,33 @@ main .search h2{
     background-position: 9px 9px;
     background-repeat: no-repeat;
     padding: 12px 20px 12px 40px;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    -webkit-transition: width 0.4s ease-in-out;
-    transition: width 0.4s ease-in-out;
+
+    /*-webkit-transition: width 0.4s ease-in-out;
+    transition: width 0.4s ease-in-out;*/
 }
 
 
-.search input[type=text], .search button {
+.search input[type=text], .search button.search-button {
     font-size: 16px;
 	height: 40px;
     border-radius: 10px;
 	border: 2px solid #ccc;
-	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+	
 }
 
-.search input[type=text]:focus {
-    width: 50%;
+.input-group {
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 }
 
+
+/*.search input[type=text]:focus {
+    width: 100%;
+}*/
+
 main .search img {
 	width: 50px;
 	display: inline;
@@ -241,9 +249,9 @@ main [id^="sol-"] div.comments ul li img {
 
 main [id^="sol-"] div.comments ul li {
 	background-color: white;
-	border-radius: 10px;
 	background-color: #F7D08A;
 	padding: 10px;
+    border-radius: 10px;
 	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	-webkit-box-shadow: 0 2px 2px 0 #C2C2C2;
@@ -251,10 +259,6 @@ main [id^="sol-"] div.comments ul li {
 	margin-bottom: 15px;
 }
 
-.comments ul {
-
-}
-
 main [id^="sol-"] div.comments ul li p.comment-username {
 	margin-bottom: 0;
 	margin-top: 5px;