diff --git a/public/assets/css/componentStyle.css b/public/assets/css/componentStyle.css
index 275ec156..0072444a 100644
--- a/public/assets/css/componentStyle.css
+++ b/public/assets/css/componentStyle.css
@@ -45,8 +45,17 @@ canvas {
 
 /* all claims */
 
+.all-claims-item {
+	margin-top: 2px;
+	padding-top: 2px;
+	border-top: 1px lightgrey solid;
+	overflow: auto;
+}
+
 .all-claims-img {
-	height: 200px;
+	width: 20%;
+	float: left;
+	margin: 5px 30px 5px 0px;
 }
 
 /* footer */
diff --git a/views/allClaims.handlebars b/views/allClaims.handlebars
index 23db9565..9f50ce51 100644
--- a/views/allClaims.handlebars
+++ b/views/allClaims.handlebars
@@ -6,15 +6,22 @@
 		<h3>All Claims</h3>
 		<p>These are all the free, public assets at that claim.  You can publish more at <a href="/">spee.ch</a>.</p>
 		{{#each claims}}
-			<img class="all-claims-img" src="/{{this.name}}/{{this.claim_id}}" />
-			<div class="card card-block">
-				<p>claim_id: {{this.claim_id}}</p>
-				<p>direct link <a href="/{{this.name}}/{{this.claim_id}}">here</a></p>
-				<p>author: {{this.value.stream.metadata.author}}</p>
-				<p>description: {{this.value.stream.metadata.description}}</p>
-				<p>license: {{this.value.stream.metadata.license}}</p>
+			<div class="all-claims-item">
+				<img class="all-claims-img" src="/{{this.name}}/{{this.claim_id}}" />
+				<div class="all-claims-details">
+					<ul style="list-style-type:none">
+						<li>claim: {{this.name}}</li>
+						<li>claim_id: {{this.claim_id}}</li>
+						<li>direct link: <a href="/{{this.name}}/{{this.claim_id}}">spee.ch/{{this.name}}/{{this.claim_id}}</a></li>
+						<li>author: {{this.value.stream.metadata.author}}</li>
+						<li>description: {{this.value.stream.metadata.description}}</li>
+						<li>license: {{this.value.stream.metadata.license}}</li>
+					</ul>
+				</div>
 			</div>
-			<hr>
 		{{/each}}
 	</div>
+	<div class="footer">
+		{{> footer}}
+	</div>
 </div>
\ No newline at end of file