f

app/assets/stylesheets/application.css

@@ -1,5 +1,40 @@
 .table {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 1px solid #ccc;
+  margin-top: 30px;
+}
+
+.table-header,
+.table-row {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #ddd;
+}
+
+.cell {
+  flex: 1;
+  padding: 6px 12px;
+}
+
+.table-header {
+  background-color: blueviolet;
+  font-weight: bold;
+}
+
+.btn {
+  background-color: darkgoldenrod;
+  color: white;
+  padding: 6px 10px;
+  margin-right: 5px;
+  border: none;
+  border-radius: 4px;
+  text-decoration: none;
+  font-size: 14px;
+  cursor: pointer;
+}
 
-  width: 50%;
-  border: 2px solid #ffff
+.btn:hover {
+  background-color: #0056b3;
 }