ตบแต่งให้มันสวยงาม

src/app/pages/equipment/equipment.component.html

@@ -93,12 +93,11 @@
                                                 <img style="height: 200px;
                                                 width: 200px;" [src]="item.rpic" class="nav justify-content-center"
                                                     alt="...">
-
+                                                <br>
+                                                <p class="text-left">ชื่อ : {{item.rname}}</p>
+                                                <p class="text-left">รายละเอียด : {{item.rdesc}}</p>
                                             </div>
 
-                                            <p class="text-left">{{item.rname}}</p>
-                                            <p class="text-left">{{item.rdesc}}</p>
-
                                             <div class="d-grid gap-2 a-md-flex justify-content-md-end">
                                                 <button class="btn btn-sm btn-primary" type="button">ยืม</button>
                                                 <button class="btn btn-sm btn-primary" type="button">ยกเลิก</button>
@@ -106,25 +105,6 @@
                                         </div>
                                     </div>
                                 </div>
-
-
-
-                                <!-- <div class="card-body" style="width: 50rem,">
-                                    <div class="col-sm-4" style="width: 200px;">
-                                        <img src="assets\img\keyboard.png" class="nav justify-content-center" alt="...">
-                                    </div>
-
-                                    <p class="text-left">ชื่อรุ่นอุปกรณ์ : logitech </p>
-                                    <p class="text-left">ชื่ออุปกรณ์ : คีย์บอร์ด </p>
-                                    <p class="text-left">รายละเอียดอุปกรณ์ </p>
-                                    <p class="text-left">ประเภทการเชื่อมต่อ : ไร้สาย</p>
-                                    <p class="text-left">อุปกรณ์ที่เสียบพอร์ต : USB</p>
-
-                                    <div class="d-grid gap-2 a-md-flex justify-content-md-end">
-                                        <button class="btn btn-primary" type="button">ยืม</button>
-                                        <button class="btn btn-primary" type="button">ยกเลิก</button>
-                                    </div>
-                                </div> -->
                             </div>
 
                             <div class="d-flex justify-content-between p-2">
@@ -226,13 +206,12 @@
                                                 <img style="height: 200px;
                                                 width: 200px;" [src]="item.pic" class="nav justify-content-center"
                                                     alt="...">
-
+                                                <br>
+                                                <p class="text-left">ชื่อ : {{item.name}}</p>
+                                                <p class="text-left">รายละเอียด : {{item.desc}}</p>
+                                                <p class="text-left">ประเภท : {{item.type}}</p>
                                             </div>
 
-                                            <p class="text-left">{{item.name}}</p>
-                                            <p class="text-left">{{item.desc}}</p>
-                                            <p class="text-left">{{item.type}}</p>
-
                                             <div class="d-grid gap-2 a-md-flex justify-content-md-end">
                                                 <button class="btn btn-sm btn-primary" type="button">ยืม</button>
                                                 <button class="btn btn-sm btn-primary" type="button">ยกเลิก</button>