Add missing dots to rep list page.

mysociety · Jul 5, 2024 · f27dce4 · f27dce4
1 parent d520da7
commit f27dce4
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/www/includes/easyparliament/templates/html/postcode/index.php b/www/includes/easyparliament/templates/html/postcode/index.php
@@ -3,15 +3,24 @@
     display: flex;
     flex-direction: row-reverse;
     justify-content: flex-end;
+    align-items: center;
 }
-.postcode-rep-list__sub-item {
-    align-items: baseline;
+.postcode-rep-list__item {
+    margin-bottom: 0.5em;
 }
 .postcode-rep-list__link {
     flex-shrink: 0;
-    margin-bottom: 0.5em;
     margin-right: 0.5em;
 }
+.postcode-rep-list__item:before {
+    content: "";
+    position: absolute;
+    transform: translateX(-1em) translateY(0.6em);
+    border-radius: 50%;
+    width: 7px;
+    height: 7px;
+    background: #000;
+}
 </style>
 
 <div class="full-page static-page legacy-page">
@@ -43,7 +52,7 @@ function member_image_box(string $person_id, string $person_url, string $person_
     <h2><?= gettext('Your representatives') ?></h2>
     <ul>
 <?php if ($mp) { ?>
-        <li class="postcode-rep-list__item"><span>
+        <li><span class="postcode-rep-list__item"><span>
             <?php if ($mp['former']) {
                 printf(gettext('Your former <strong>MP</strong> (Member of Parliament) is <a href="%s">%s</a>, %s'), '/mp/?p=' . $mp['person_id'], $mp['name'], gettext($mp['constituency']));
             } else {
@@ -54,15 +63,15 @@ function member_image_box(string $person_id, string $person_url, string $person_
             } ?>
             </span>
             <?php member_image_box($mp["person_id"], '/mp/?p=' . $mp['person_id'],  $mp['name']) ?>
-        </li>
+        </span></li>
 <?php } else { ?>
         <li>Your MP is currently unknown.</li>
 <?php } ?>
 
 <?php
     if (isset($mcon) && !empty($mcon)) {
         $name = $mcon['given_name'] . ' ' . $mcon['family_name'];
-        echo '<li class="postcode-rep-list__item"><span>';
+        echo '<li><span class="postcode-rep-list__item"><span>';
         if ($house == HOUSE_TYPE_SCOTLAND) {
             $url = $urlp . $mcon['person_id'];
             $cons = $mcon['constituency'];
@@ -84,7 +93,7 @@ function member_image_box(string $person_id, string $person_url, string $person_
         }
         echo '</span>';
         member_image_box($mcon["person_id"], $url, $name);
-        echo '</li>';
+        echo '</span></li>';
     }
     if (isset($mreg)) {
         if ($current) {