scss: add a css class for budget tables (#32817)

help/fr/misc-css-classes.page

@@ -74,6 +74,12 @@ de classes CSS réutilisables.
 <section>
   <title>Classes pour les champs des formulaires</title>
 <table shade="rows">
+ <tr>
+  <td><p><code>budget-table</code></p></td>
+  <td><p>Met en forme un champ de type « tableau » pour la saisie
+  d'informations budgétaires (libellés alignés à gauche, utilisation de toute
+  la largeur, colonne de saisie des nombres poussée sur la droite).</p></td>
+ </tr>
  <tr>
   <td><p><code>hidden</code></p></td>
   <td><p>Cache le champ (applicable uniquement aux champs de type « Liste »).</p></td>

static/includes/_misc.scss

@@ -600,3 +600,16 @@ div.leaflet-control-gps {
 		}
 	}
 }
+
+div.budget-table {
+	table {
+		width: 100%;
+	}
+	th {
+		text-align: left;
+		font-weight: normal;
+	}
+	tbody td:last-child {
+		width: 30%;
+	}
+}

static/la-hague/_custom.scss

@@ -94,16 +94,7 @@ h1#logo a {
 }
 
 div.tableau-budget {
-	table {
-		width: 100%;
-	}
-	th {
-		text-align: left;
-		font-weight: normal;
-	}
-	tbody th {
-		width: 50%;
-	}
+	@extend div.budget-table;
 	label {
 		font-weight: bold;
 	}

static/saint-lo-agglo/_custom.scss

@@ -148,13 +148,5 @@ div.cell.fondgris {
 }
 
 div.tableau-budget {
-	table {
-		width: 100%;
-	}
-	th {
-		text-align: left;
-	}
-	tbody th {
-		width: 50%;
-	}
+	@extend div.budget-table;
 }