Tighten question and answer spacing

components/com_testquestions/media/egzamin.css

@@ -71,7 +71,7 @@
 .com-testquestions .question-header {
     display: flex;
     align-items: flex-start;
-    gap: .5rem;
+    gap: .25rem;
 }
 
 .com-testquestions .question-number {
@@ -145,10 +145,22 @@
 }
 
 .com-testquestions .answer-list label {
-    display: block;
+    display: flex;
+    align-items: flex-start;
+    gap: .25rem;
     cursor: pointer;
 }
 
+.com-testquestions .answer-list label input {
+    flex: 0 0 auto;
+    margin-top: .25rem;
+}
+
+.com-testquestions .answer-text {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
 .com-testquestions select.egzamin {
     color: #4a86cf;
     padding: 5px;

components/com_testquestions/tmpl/questions/default.php

@@ -58,7 +58,8 @@ use Joomla\CMS\HTML\HTMLHelper;
                     <li class="<?php echo $isSelected && $this->results['items'][$item->id]['correct'] ? 'odpup' : ($isSelected ? 'odpu' : ($isCorrectAnswer ? 'odpp' : 'odp')); ?>">
                         <label>
                             <input type="radio" name="answers[<?php echo (int) $item->id; ?>]" value="<?php echo $answerIndex + 1; ?>" <?php echo $isSelected ? 'checked' : ''; ?>>
-                            <strong><?php echo chr(65 + $answerIndex); ?>.</strong> <?php echo $item->$answerField; ?>
+                            <strong><?php echo chr(65 + $answerIndex); ?>.</strong>
+                            <span class="answer-text"><?php echo $item->$answerField; ?></span>
                             <?php if ($isSelected) : ?>
                                 <span class="badge bg-info"><?php echo \Joomla\CMS\Language\Text::_('COM_TESTQUESTIONS_SELECTED_ANSWER'); ?></span>
                             <?php endif; ?>