Use generic way for styling

weblate/html/translate.html

@@ -80,7 +80,7 @@
 <a href="#" id="copy-text">{% trans "Copy" %}</a>
 <img src="{% get_media_prefix %}loading.gif" id="loading" style="display: none" />
 {% if unit.translation.language.direction == "rtl" %}
-<div id="toggle-direction" title="{% trans "Toggle text direction" %}">
+<div id="toggle-direction" title="{% trans "Toggle text direction" %}" class="small-button">
 <input type="radio" id="direction-rtl" name="direction" value="rtl" checked="checked" /><label for="direction-rtl">RTL</label>
 <input type="radio" id="direction-ltr" name="direction" value="ltr" /><label for="direction-ltr">LTR</label>
 </div>

weblate/media/css/style.css

@@ -101,7 +101,7 @@ textarea.translation {
     width: 20px;
     height: 20px;
 }
-.toolbar a, #toggle-direction, .small-button {
+.toolbar a, .small-button {
     height: 20px;
     font-size: 10px !important;
     font-weight: normal !important;