Merge pull request #226 from bryk/description

Preserve whitespaces and avoid overflow in app description

src/app/frontend/replicasetlist/replicasetcard.html

@@ -50,9 +50,7 @@ limitations under the License.
         <div ng-if="::ctrl.replicaSet.description" flex="100" layout="column"
             class="kd-replicaset-card-section">
           <span flex class="kd-replicaset-card-section-title">Description</span>
-          <div flex>
-            {{::ctrl.replicaSet.description}}
-          </div>
+          <div flex class="kd-replicaset-card-description">{{::ctrl.replicaSet.description}}</div>
         </div>
 
         <div flex="60" layout="column" class="kd-replicaset-card-section">

src/app/frontend/replicasetlist/replicasetcard.scss

@@ -30,6 +30,11 @@
   margin: 0;
 }
 
+.kd-replicaset-card-description {
+  overflow: auto;
+  white-space: pre-wrap;
+}
+
 .kd-replicaset-card-title-row {
   margin-top: -$baseline-grid - 2px;
 }