Fix language icon size on vocabulary pages

The language icon was displayed using its original size instead of 30×20. While most language icons are already 30×20, it should not matter.
Tatoeba · Feb 5, 2025 · 82ed7b2 · 82ed7b2
1 parent 4d57faf
commit 82ed7b2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/Template/Vocabulary/add.ctp b/src/Template/Vocabulary/add.ctp
@@ -122,7 +122,8 @@ $this->set('title_for_layout', $this->Pages->formatTitle($title));
         <md-list flex ng-show="ctrl.vocabularyAdded.length > 0">
             <md-list-item id="vocabulary_{{item.id}}"
                           ng-repeat="item in ctrl.vocabularyAdded">
-                <img class="vocabulary-lang" ng-src="/img/flags/{{item.lang}}.svg"/>
+                <img class="vocabulary-lang" width="30" height="20"
+                     ng-src="/img/flags/{{item.lang}}.svg"/>
                 <div class="vocabulary-text" flex>{{item.text}}</div>
                 <md-icon ng-show="item.duplicate">warning</md-icon>
                 <md-tooltip md-direction="top" ng-show="item.duplicate">

diff --git a/src/View/Helper/VocabularyHelper.php b/src/View/Helper/VocabularyHelper.php
@@ -64,7 +64,8 @@ public function vocabulary($vocab) {
             ));
         }
         ?>
-        <img class="vocabulary-lang" src="/img/flags/<?= $lang ?>.svg"/>
+        <img class="vocabulary-lang" width="30" height="20"
+             src="/img/flags/<?= $lang ?>.svg"/>
         <div class="vocabulary-text" flex><?= $text ?></div>
         <md-button ng-cloak class="md-primary" <?= isset($url) ? "href=\"$url\"" : 'ng-disabled="1"' ?>>
             <?= $numSentencesLabel ?>