diff --git a/static/img/index/search_bar_magnifying_glass.png b/static/img/index/search_bar_magnifying_glass.png
deleted file mode 100644
index d1c6134..0000000
Binary files a/static/img/index/search_bar_magnifying_glass.png and /dev/null differ
diff --git a/static/js/index.js b/static/js/index.js
index 22db9a3..6e6ae5e 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -43,7 +43,7 @@ var searchResultsPage = 1;
advancedSearchButton.addClass("clicked");
}
else {
- advancedSearchDiv.fadeOut(300).removeClass("visible");
+ advancedSearchDiv.hide().removeClass("visible");
advancedSearchButton.removeClass("clicked");
if($("div#results .result").length == 0)
searchField.removeClass("partly-visible");
@@ -393,6 +393,8 @@ function queryServer(){
var resultDivs = [];
if("error" in result)
insertErrorMessage(result["error"]);
+ else if(result["results"].length == 0)
+ insertErrorMessage("No search results.");
else
for(var codelet = 0; codelet < result["results"].length; codelet++){
resultDivs.push(createResult(result["results"][codelet]));
@@ -439,7 +441,11 @@ function loadMoreResults(){
* @param msg (str) The message string.
*/
function insertErrorMessage(msg){
- var error = $("
Error:
");
+ var error = $(
+ [
+ "Error ",
+ "»
"
+ ].join(""));
error.append(msg);
resultsDiv.appendChild(error[0]);
}
diff --git a/static/sass/index.sass b/static/sass/index.sass
index 08bfa26..4472a56 100644
--- a/static/sass/index.sass
+++ b/static/sass/index.sass
@@ -115,40 +115,29 @@ div#search-field
margin-bottom: 0px
padding: 6px
- input[type="text"]
- width: 85%
+ input[type="text"]#query
+ width: 100%
&:hover
border-color: $baseColor1
button#advanced-search
background-color: white
- border: 1px solid white
- width: 15%
- height: 10%
- padding: 0px
- float: right
+ border: none
+ color: $baseColor2
+ font-size: 1.1em
+ font-style: italic
&:hover
- img
- background-color: black
- cursor: pointer
+ color: $baseColor1
+ cursor: pointer
&.clicked
- img
- background-color: $baseColor1
+ color: $baseColor1
&:focus
outline: 0
- img
- @extend .t3
-
- background-color: $baseColor2
- margin-top: 5px
- width: 26px
- height: 26px
-
&.partly-visible
margin-top: 0%
position: absolute
@@ -168,10 +157,14 @@ div#search-field
margin-right: auto
width: 60%
- input:hover
+ input
@extend .t3
- border: 1px solid $baseColor1
+ query
+ width: 80%
+
+ &:hover
+ border: 1px solid $baseColor1
div#advanced-search
background-color: white
@@ -338,9 +331,15 @@ div#results
text-align: center
span
- color: $baseColor1
+ margin-right: 10px
font-size: 150%
+ s1
+ color: $baseColor1
+
+ s2
+ color: $baseColor2
+
&.disable-hover
pointer-events: none
diff --git a/templates/index.html b/templates/index.html
index 28b1345..c64ac94 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -28,9 +28,10 @@