Give metadata table style classes

src/main/webapp/app/mock-search/mock-search.component.html

@@ -138,28 +138,48 @@
                                     <strong jhiTranslate="searchResult.metadata.metadata"></strong></p>
                                 <hr>
 
-                                <table>
+                                <table class="metadata-table">
                                     <tr *ngIf="selectedResult.programmingLanguages.length > 0">
                                         <td *ngIf="selectedResult.programmingLanguages.length === 1"
-                                            jhiTranslate="searchResult.metadata.programmingLanguageSingular"></td>
+                                            jhiTranslate="searchResult.metadata.programmingLanguageSingular"
+                                            class="metadata-table-description">
+                                        </td>
                                         <td *ngIf="selectedResult.programmingLanguages.length > 1"
-                                            jhiTranslate="searchResult.metadata.programmingLanguagesPlural"></td>
-                                        <td>{{selectedResult.programmingLanguages}}</td>
+                                            jhiTranslate="searchResult.metadata.programmingLanguagesPlural"
+                                            class="metadata-table-description">
+                                        </td>
+                                        <td class="metadata-table-value">
+                                            {{selectedResult.programmingLanguages}}
+                                        </td>
                                     </tr>
                                     <tr *ngIf="selectedResult.creators.length > 0">
                                         <td *ngIf="selectedResult.creators.length === 1"
-                                            jhiTranslate="searchResult.metadata.creatorSingular"></td>
+                                            jhiTranslate="searchResult.metadata.creatorSingular"
+                                            class="metadata-table-description">
+                                        </td>
                                         <td *ngIf="selectedResult.creators.length > 1"
-                                            jhiTranslate="searchResult.metadata.creatorsPlural"></td>
-                                        <td>{{selectedResult.creators.map(getPersonName)}}</td>
+                                            jhiTranslate="searchResult.metadata.creatorsPlural"
+                                            class="metadata-table-description">
+                                        </td>
+                                        <td class="metadata-table-value">
+                                            {{selectedResult.creators.map(getPersonName)}}
+                                        </td>
                                     </tr>
                                     <tr *ngIf="selectedResult.lastUpdate.length > 0">
-                                        <td jhiTranslate="searchResult.metadata.lastUpdate"></td>
-                                        <td>{{selectedResult.lastUpdate}}</td>
+                                        <td jhiTranslate="searchResult.metadata.lastUpdate"
+                                            class="metadata-table-description">
+                                        </td>
+                                        <td class="metadata-table-value">
+                                            {{selectedResult.lastUpdate}}
+                                        </td>
                                     </tr>
                                     <tr *ngIf="selectedResult.license.length > 0">
-                                        <td jhiTranslate="searchResult.metadata.license"></td>
-                                        <td>{{selectedResult.license}}</td>
+                                        <td jhiTranslate="searchResult.metadata.license"
+                                            class="metadata-table-description">
+                                        </td>
+                                        <td class="metadata-table-value">
+                                            {{selectedResult.license}}
+                                        </td>
                                     </tr>
                                 </table>
 

src/main/webapp/app/mock-search/mock-search.scss

@@ -39,3 +39,13 @@
 .star-unmarked {
   color: #ccc;
 }
+
+.metadata-table {
+  width: 100%;
+}
+
+.metadata-table-description {
+}
+
+.metadata-table-value {
+}