Add horizontal dividers between trip page sections

This commit is contained in:
Ian Gulliver
2026-02-15 22:38:33 -08:00
parent 8cc524bff9
commit 82e8263ffc

View File

@@ -72,6 +72,7 @@
.room-card { margin-bottom: 0.3rem; } .room-card { margin-bottom: 0.3rem; }
.room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; } .room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; }
.solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); } .solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); }
.divider { border: none; border-top: 1px solid #909090; margin: 0.75rem 0; }
</style> </style>
</head> </head>
<body> <body>
@@ -89,6 +90,7 @@
<label>Prefer Not cost: <input id="pn-multiple" type="number" min="1"></label> <label>Prefer Not cost: <input id="pn-multiple" type="number" min="1"></label>
<label>No Prefer cost: <input id="np-cost" type="number" min="0"></label> <label>No Prefer cost: <input id="np-cost" type="number" min="0"></label>
</div> </div>
<hr class="divider">
<div id="conflicts"></div> <div id="conflicts"></div>
<div id="mismatches"></div> <div id="mismatches"></div>
<div id="hard-conflicts"></div> <div id="hard-conflicts"></div>
@@ -96,6 +98,7 @@
<wa-button id="solve-btn" size="small">Solve Rooms</wa-button> <wa-button id="solve-btn" size="small">Solve Rooms</wa-button>
<div id="solver-results"></div> <div id="solver-results"></div>
</div> </div>
<hr class="divider">
<div id="students"></div> <div id="students"></div>
<wa-details summary="Add Student"> <wa-details summary="Add Student">
<div class="add-form"> <div class="add-form">