Make tablerows in responsive tables the same height

aleksis/apps/alsijil/static/css/alsijil/lesson.css

 .alsijil-lesson-cancelled {
     text-decoration: line-through;
 }
+
+@media only screen and (max-width : 992px) {
+    table.responsive-table.alsijil-table th,
+    table.responsive-table.alsijil-table td {
+      margin: 0;
+      vertical-align: top;
+      height: 109px;}
+}

aleksis/apps/alsijil/templates/alsijil/lesson.html

@@ -33,7 +33,7 @@
     {% csrf_token %}
 
     <div class="row">
-      <div class="col s12 m12 l8">
+      <div class="col s12 m12 l6 xl8">
         <div class="card">
           <div class="card-content">
           <span class="card-title">
@@ -44,7 +44,7 @@
           </div>
         </div>
       </div>
-      <div class="col s12 m12 l4">
+      <div class="col s12 m12 l6 xl4">
         <div class="card">
           <div class="card-content">
           <span class="card-title">
@@ -65,7 +65,7 @@
       </span>
             {% form form=personal_note_formset.management_form %}{% endform %}
 
-            <table class="striped responsive-table">
+            <table class="striped responsive-table alsijil-table">
               <thead>
               <tr>
                 <th>{% blocktrans %}Person{% endblocktrans %}</th>