ui: topics list

1 files changed, 21 insertions, 11 deletions

diff --git a/resources/views/topicindex.blade.php b/resources/views/topicindex.blade.php
index c198459..9c5b9c4 100644
--- a/resources/views/topicindex.blade.php
+++ b/resources/views/topicindex.blade.php
@@ -11,20 +11,30 @@ html {
 
 <div class="text-center container">
 
-<div class="container row" style="margin-top: 20px">
-	<ul class="list-inline">
-	@foreach ($letters as $letter)
-		<li class="list-inline-item">
-			<a href="#{{$letter->name}}" class="text-white">{{$letter->name}}</a>
-		</li>
-	@endforeach
-	</ul>
-</div>
+<div class="container row" style="margin-top: 20px"></div>
 
 <div class="card">
-	<h1 class="card-header">
-		Topics
+	<div class="card-header text-left">
+	<h1>
+		List of all Topics
 	</h1>
+	</div>
+	<div class="card-body">
+		<h3>
+		<ul class="list-inline">
+		@foreach ($letters as $letter)
+			<li class="list-inline-item topics-list">
+				<a href="#{{$letter->name}}" class="text-white">{{$letter->name}}</a>
+			</li>
+		@endforeach
+		</ul>
+		</h3>
+	</div>
+</div>
+
+<div style="margin-bottom: 20px"></div>
+
+<div class="card">
 	<div class="card-body">
 	@php ($curLetter = "")
 	@foreach ($topics->get() as $topic)