Styled clauses

app/Http/Controllers/StatTreeLineController.php

@@ -13,6 +13,6 @@ class StatTreeLineController extends Controller
         return view('app.stat-tree-lines.list', compact('statTreeLines'));
     }
     public function dashboard(StatTreeLine $statTreeLine){
-        return view('app.stat-tree-lines.single', compact('statTreeLine'));
+        return view('app.stat-tree.stat-tree-lines.single', compact('statTreeLine'));
     }
 }

resources/views/app/stat-tree/clauses/list.blade.php

@@ -1,41 +1,54 @@
 @extends ('layouts/template')
 @section('content')
-
-<div class="row">
-    <div class="col-md-12">
-        <div class="d-flex align-items-center justify-content-between">
-            <h5>Clauses</h5>
-            <div>
-                <a href="{{ route('practice-management.clauses.replaceAllPage') }}" data-toggle="modal" data-target="#clauseModal" class="btn btn-sm btn-primary">Replace All</a>
+<main role="main" class="stag-content px-0">
+    <div class="p-3 mcp-theme-1" id="patients-list">
+        <div class="row">
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-header">
+                        <div class="d-flex align-items-center justify-content-between">
+                            <div>
+                                <h6 class="font-weight-bold mb-0"><i class="far fa-file-code"></i> Clauses</h6>
+                            </div>
+                            <div>
+                                <a href="{{ route('practice-management.clauses.replaceAllPage') }}" class="btn btn-sm btn-primary text-white"><i class="fas fa-pencil-alt"></i> Replace All</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="card-body p-0">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="table-responsive">
+                                    <table class="table table-condensed p-0 m-0">
+                                        <thead class="bg-light">
+                                            <tr>
+                                                <th class="border-0">Position Index</th>
+                                                <th class="border-0">Label</th>
+                                                <th class="border-0">Question</th>
+                                                <th class="border-0">Answer</th>
+                                                <th class="border-0">Clause Text</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            @foreach($clauses as $clause)
+                                            <tr>
+                                                <td>{{ $clause->position_index }}</td>
+                                                <td>{{$clause->label}}</td>
+                                                <td>{{$clause->question}}</td>
+                                                <td>{{ $clause->answer }}</td>
+                                                <td>{{ $clause->clause_text }}</td>
+                                            </tr>
+                                            @endforeach
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
-    <div class="col-md-12">
-        <div class="table-responsive">
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th>Position Index</th>
-                        <th>Label</th>
-                        <th>Question</th>
-                        <th>Answer</th>
-                        <th>Clause Text</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    @foreach($clauses as $clause)
-                    <tr>
-                    <td>{{ $clause->position_index }}</td>
-                        <td>{{$clause->label}}</td>
-                        <td>{{$clause->question}}</td>
-                        <td>{{ $clause->answer }}</td>
-                        <td>{{ $clause->clause_text }}</td>                        
-                    </tr>
-                    @endforeach
-                </tbody>
-            </table>
-        </div>
-    </div>
-</div>
+</main>
 
 @endsection