title: How to get td content vertically aligned?
body: <p>Using Jhipster v5.0.1 and Angular v6.0.0.</p>
  
  <p><strong>Goal</strong> </p>
  
  <p>I want to vertically align text in my tds.</p>
  
  <p><strong>Try</strong></p>
  
  <p>I tried simply to add align-middle into my table:</p>
  
  <pre><code>&lt;table class="table table-striped text-center align-middle"&gt;
  </code></pre>
  
  <p>Here text-center class works but not align-middle. </p>
  
  <p><strong>Try 2</strong></p>
  
  <p>I tried to change directly the style in _tables.scss as following:</p>
  
  <pre><code>th,
    td {
     padding: $table-cell-padding;
     vertical-align: middle;
     border-top: $table-border-width solid $table-border-color;
    }
  </code></pre>
  
  <p>Subsequently, I did a yarn start to try to update the styles. However, the changes is not taken into an account. </p>
  
  <p><strong>Issue</strong></p>
  
  <p>Can I change directly a class in the table to vertically align things? How a change in the scss can be detected by the app and the browser?</p>
  
  <p>Thanks! </p>
  
  <p>Manuela</p>