🎨 [#1436] Added new div structure instead of tables

maykinmedia · Jun 1, 2023 · 26c9be7 · 26c9be7
1 parent 5f78ccb
commit 26c9be7
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/src/open_inwoner/templates/pages/cases/submissions.html b/src/open_inwoner/templates/pages/cases/submissions.html
@@ -35,6 +35,46 @@ <h2 class="h2" id="submissions">{{ page_title }} ({{ submissions|length }})</h2>
                 {% endfor %}
             </tbody>
         </table>
+
+        <hr>
+
+        <div class="tabled tabled--flexible cases__open-overview">
+           <div class="tabled__row">
+              <div class="tabled__item tabled__item--bold">Formulier</div>
+              <div class="tabled__item">Laatste wijziging</div>
+               <div class="tabled__item">?</div>
+              <div class="tabled__item tabled__item--force-right">
+                 <a href="/mijn-profiel/onderwerpen/" class="link link--icon link--icon-position-after  link--primary" aria-label="Aanpassen" title="Aanpassen">
+                 <span class="link__text">Einde geldigheid</span>
+                 <span aria-hidden="true" class="material-icons ">arrow_forward</span>
+                 </a>
+              </div>
+           </div>
+          <div class="tabled__row">
+              <div class="tabled__item tabled__item--bold">Formulier</div>
+              <div class="tabled__item">Laatste wijziging</div>
+               <div class="tabled__item">?</div>
+              <div class="tabled__item tabled__item--force-right">
+                 <a href="/mijn-profiel/onderwerpen/" class="link link--icon link--icon-position-after  link--primary" aria-label="Aanpassen" title="Aanpassen">
+                 <span class="link__text">Einde geldigheid</span>
+                 <span aria-hidden="true" class="material-icons ">arrow_forward</span>
+                 </a>
+              </div>
+           </div>
+           <div class="tabled__row">
+              <div class="tabled__item tabled__item--bold">Formulier</div>
+              <div class="tabled__item">Laatste wijziging</div>
+               <div class="tabled__item">?</div>
+              <div class="tabled__item tabled__item--force-right">
+                 <a href="/mijn-profiel/onderwerpen/" class="link link--icon link--icon-position-after  link--primary" aria-label="Aanpassen" title="Aanpassen">
+                 <span class="link__text">Einde geldigheid</span>
+                 <span aria-hidden="true" class="material-icons ">arrow_forward</span>
+                 </a>
+              </div>
+           </div>
+
+        </div>
+{#        //end of table#}
     </div>
 
 {% endblock content %}