[LON-CAPA-cvs] cvs: loncom /interface loncommon.pm

[raeburn]

raeburn		Tue May  5 18:25:56 2026 EDT

  Modified files:              
    /loncom/interface	loncommon.pm 
  Log:
  - WCAG 2.2 compliance
    - Satisfy minimum spacing between touch targets.
  
  
Index: loncom/interface/loncommon.pm
diff -u loncom/interface/loncommon.pm:1.1521 loncom/interface/loncommon.pm:1.1522
--- loncom/interface/loncommon.pm:1.1521	Mon May  4 22:13:28 2026
+++ loncom/interface/loncommon.pm	Tue May  5 18:25:56 2026
@@ -1,7 +1,7 @@
 # The LearningOnline Network with CAPA
 # a pile of common routines
 #
-# $Id: loncommon.pm,v 1.1521 2026/05/04 22:13:28 raeburn Exp $
+# $Id: loncommon.pm,v 1.1522 2026/05/05 18:25:56 raeburn Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -7725,6 +7725,12 @@
   vertical-align: middle;
 }
 
+div.LC_user_picker {
+  display: inline-block;
+  float: left;
+  margin: 0 1px 4px 1px;
+}
+
 .LC_textsize_mobile {
   \@media only screen and (max-device-width: 480px) {
       -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;
@@ -12608,10 +12614,13 @@
                $domform.
                &Apache::lonhtmlcommon::row_closure().
                &Apache::lonhtmlcommon::row_title($html_lt{'usr'}).
-               $srchbysel.
-               $srchtypesel. 
+               '<div class="LC_user_picker">'.$srchbysel.'</div>'.
+               '<div class="LC_user_picker">'.$srchtypesel.'</div>'.
+               '<div class="LC_user_picker">'.
                '<input type="text" size="15" name="srchterm" value="'.$srchterm.'" aria-label="'.$html_lt{'srchterm'}.'" />'.
-               $srchinsel.
+               '</div>'.
+               '<div class="LC_user_picker">'.$srchinsel.'</div>'.
+               '<div style="padding:0;clear:both;margin:0;border:0"></div>'.
                &Apache::lonhtmlcommon::row_closure(1). 
                &Apache::lonhtmlcommon::end_pick_box().
                '<br />';