Added distributionboards

src/app/globals.css

@@ -116,19 +116,21 @@ h2 {
 
 .toolbarBand {
   display: grid;
-  grid-template-columns: minmax(360px, 1.25fr) minmax(320px, 1fr);
+  grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr) minmax(320px, 0.9fr);
   gap: 14px;
   padding: 14px;
 }
 
 .projectForm,
+.boardForm,
 .consumerForm {
   display: grid;
   gap: 10px;
   align-items: end;
 }
 
-.projectForm {
+.projectForm,
+.boardForm {
   grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) auto;
 }
 
@@ -195,6 +197,12 @@ select {
   margin-bottom: 12px;
 }
 
+.subline {
+  margin: 6px 0 0;
+  color: var(--muted);
+  font-size: 13px;
+}
+
 .statusPill,
 .nameCell {
   display: inline-flex;
@@ -248,6 +256,7 @@ tbody tr:hover {
 @media (max-width: 1180px) {
   .toolbarBand,
   .projectForm,
+  .boardForm,
   .consumerForm {
     grid-template-columns: 1fr 1fr;
   }
@@ -272,6 +281,7 @@ tbody tr:hover {
 
   .toolbarBand,
   .projectForm,
+  .boardForm,
   .consumerForm,
   .summaryStrip {
     grid-template-columns: 1fr;