Style adjustments to gap-fill

macao/assets/quiz.js

@@ -22,7 +22,7 @@ let gapfillSelectWidget = {
         Survey.Serializer.addClass(this.name, [], null, "empty");
     },
     /** Static HTML template rendered by SurveyJS */
-    htmlTemplate: '<p id="gapfill-container"><template id="template-select"><select class="my-custom-class"><option selected/></select></template></p>',
+    htmlTemplate: '<p id="gapfill-container"><template id="template-select"><select class="sd-input sd-dropdown inline-dropdown"><option selected/></select></template></p>',
     /**
      * Function called after the HTML template is rendered. This time we actually have the `question` object
      * and the `el` element, to build the question according to the JSON

macao/assets/style.css

@@ -9,4 +9,11 @@
 
 p#gapfill-container {
     white-space: pre-wrap;
+    line-height: 3em;
+}
+
+select.sd-dropdown.inline-dropdown {
+    display: inline-block;
+    width: fit-content;
+    padding: 8px;
 }
\ No newline at end of file