Skip to content
Browse files

Improve UI

  • Loading branch information...
1 parent e20f169 commit f0af05cf1e2dbb2811faeb213332f02833a312b3 @Dinduks committed Sep 14, 2012
View
14 app/views/index.scala.html
@@ -1,10 +1,12 @@
@main("GitHub repos lookup") {
-<form action="" id="searchForm">
- <p>
- <label for="keyword"></label>
- <input type="text" name="keyword" value="" id="keyword" autofocus>
- </p>
-</form>
+<div class="hero-unit">
+ <form action="" id="searchForm">
+ <p>
+ <label for="keyword"></label>
+ <input type="text" name="keyword" value="" id="keyword" autofocus>
+ </p>
+ </form>
+</div>
}
View
5 app/views/main.scala.html
@@ -6,11 +6,14 @@
<head>
<title>@title</title>
<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
+ <link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
<script src="@routes.Assets.at("javascripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@routes.Assets.at("javascripts/revontulet.js")" type="text/javascript"></script>
</head>
<body>
- @content
+ </div id="container">
+ @content
+ </div>
</body>
</html>
View
1 app/views/searchResults.scala.html
@@ -3,6 +3,7 @@
@import views.html.helper._
@main("Search results for " + keyword) {
+<h2>@("Search results for %s".format(keyword))</h2>
<ul>
@for(repo <- repos) {
<li>
View
3 app/views/showRepoInfo.scala.html
@@ -3,9 +3,10 @@
@import views.html.helper._
@main(repo.owner + "/" + repo.name + " - Repository info") {
+<h1>@("%s/%s - Repository info".format(repo.owner.get, repo.name.get))</h1>
<h2>Contributors</h2>
<div>
- <ul>
+ <ul class="contributors-list">
@for(contributor <- repo.contributors) {
<li>
@contributorInfo(contributor, repo.commits.length)
View
28 public/stylesheets/main.css
@@ -0,0 +1,28 @@
+body {
+ padding: 2%;
+}
+
+.hero-unit {
+ padding: 4%;
+ height: 4em;
+}
+
+.hero-unit p {
+ height: 100%;
+ width: 100%;
+}
+
+#keyword {
+ width: 98%;
+ height: 81%;
+ font-size: 1.5em;
+ line-height: 1.5em;
+ background-repeat: no-repeat;
+ background-position: 98% 10px;
+}
+
+ul li {
+ font-size: 1.2em;
+ line-height: 1.5em;
+}
+

0 comments on commit f0af05c

Please sign in to comment.
Something went wrong with that request. Please try again.