From 34ce9b8f763f68efa907df1a9d55e3b306664e30 Mon Sep 17 00:00:00 2001
From: Brad Rydzewski <brad.rydzewski@gmail.com>
Date: Thu, 21 May 2015 00:59:16 -0700
Subject: [PATCH] style for repository page (no status yet)

---
 .../static/scripts/views/repos.html           | 40 +++++++-----------
 cmd/drone-server/static/styles/drone.css      | 41 ++++++++++++++++++-
 2 files changed, 53 insertions(+), 28 deletions(-)

diff --git a/cmd/drone-server/static/scripts/views/repos.html b/cmd/drone-server/static/scripts/views/repos.html
index 538d9c85..c6b1cc1e 100644
--- a/cmd/drone-server/static/scripts/views/repos.html
+++ b/cmd/drone-server/static/scripts/views/repos.html
@@ -13,34 +13,22 @@
 </div>
 
 <article>
+
+
 	<section>
+		<div class="search clearfix">
+			<a href="/new">Add Repo</a>
+		</div>
 
-		<a href="/new">New</a>
-
-		<table border="1">
-			<thead>
-				<tr>
-					<th>Repo</th>
-					<th>Status</th>
-					<th>Number</th>
-					<th>Started</th>
-					<th>Duration</th>
-					<th>Branch</th>
-					<th>Commit</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr ng-repeat="repo in repos">
-					<td><a ng-href="{{ repo.full_name }}">{{ repo.full_name }}</a></td>
-					<td>{{ repo.last_build.state }}</td>
-					<td><a ng-href="{{ repo.full_name }}/{{ repo.last_build.number }}">{{ repo.last_build.number }}</a></td>
-					<td>{{ repo.last_build.started_at | fromNow }}</td>
-					<td>{{ repo.last_build.duration | toDuration }}</td>
-					<td>{{ repo.last_build.head_commit.ref || repo.last_build.pull_request.source.ref }}</td>
-					<td>{{ repo.last_build.head_commit.sha || repo.last_build.pull_request.source.ref }}</td>
-				</tr>
-			</tbody>
-		</table>
+		<a class="row build-row" ng-repeat="repo in repos | orderBy:'full_name'" ng-href="/{{ repo.full_name }}">
+			<div>
+				<div class="build-num success">&nbsp;</div>
+			</div>
+			<div>
+				<h3>{{ repo.owner }} / {{ repo.name }}</h3>
+				<p>{{ repo.clone_url }}</p>
+			</div>
+		</a>
 
 	</section>
 </article>
\ No newline at end of file
diff --git a/cmd/drone-server/static/styles/drone.css b/cmd/drone-server/static/styles/drone.css
index 0dc983a7..20a4a526 100644
--- a/cmd/drone-server/static/styles/drone.css
+++ b/cmd/drone-server/static/styles/drone.css
@@ -1287,6 +1287,7 @@ article > pre {
     word-wrap: break-word;
     padding: 30px;
     margin-top:30px;
+    border-radius:2px;
 }
 
 article {
@@ -1303,6 +1304,7 @@ section {
     padding:0px;
     margin-top:30px;
     border:1px solid #EEE;
+    border-radius:2px;
 }
 
 section h2 {
@@ -1361,7 +1363,7 @@ section .build-row .build-num {
 }
 
 .success {
-    background:#26A65B;
+    background:#66BB6A;
 }
 .error,
 .killed,
@@ -1384,6 +1386,27 @@ section .build-row strong {
     font-weight:normal;
 }
 
+section > .search {
+    padding:30px;
+
+    padding: 20px;
+    padding-bottom: 5px;
+}
+
+section > .search a {
+    text-decoration: none;
+    background: #00BCD4;
+    background: #9E9E9E;
+    padding: 12px 20px;
+    color: rgba(255,255,255,0.8);
+    float:right;
+    transition: all .5s;
+    border-radius:2px;
+}
+section > .search a:hover {
+    background: #00ACC1;
+}
+
 pre.key {
     white-space: pre-wrap;
     word-wrap: break-word;
@@ -1394,6 +1417,19 @@ pre.key {
     font-family: "Droid Sans Mono","Roboto","Arial";
 }
 
+textarea:focus, input:focus{
+    outline: 0;
+}
+
+.clearfix:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+}
+
 @media (max-width: 990px) {
     .breadcrumb a.icon-home {
         position: static;
@@ -1404,4 +1440,5 @@ pre.key {
         padding-top:0px;
         margin-top:-5px;
     }
-}
\ No newline at end of file
+}
+