Improve layout of Account

web/src/pages/Account.vue

@@ -29,16 +29,22 @@ export default {
                 <td>
                     {{transaction.GroupID ? "☀" : ""}}
                 </td>
-                <td>
+                <td class="cutoff">
                     <a :href="'/budget/'+$store.getters.CurrentBudget.ID+'/transaction/'+transaction.ID">{{transaction.Memo}}</a>
                 </td>
                 <td>
                     {{transaction.Amount.Int / 100}}
                 </td>
                 <td>
-                    {{transaction.Status}}
+                    {{transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*")}}
                 </td>
             </tr>
         </table>
     </v-container>
-</template>
+</template>
+
+<style>
+table {width: 100%; table-layout:fixed}
+td {overflow: hidden; white-space: nowrap;}
+td.cutoff {width: 100px;}
+</style>