start

src/css/draginput.css

@@ -7,6 +7,7 @@
   position: relative;
   float: left;
   margin: 0 5px 5px 0;
+  overflow: hidden;
 }
 
  .draginput .caret {

src/css/method-draw.css

@@ -410,6 +410,19 @@ input[type=file] {
   background-color: var(--z1);
 }
 
+.toolset {
+  position: relative;
+}
+
+.select_tool {
+  -webkit-appearance: none;
+  background: var(--z3);
+  color: var(--z14);
+  height: var(--x8);
+  width: 100%;
+  border: none;
+}
+
 
  #panels h4 {
   color: var(--z15);
@@ -744,14 +757,6 @@ input[readonly=readonly]:focus {
   top: 60%;
 }
 
-#tool_align_relative {
-  position: absolute;
-  top: -5px;
-  left: 0;
-  right: 20px;
-  display: block;
-}
-
 #tool_align_relative select {
   width: 100%;
   display: block;

src/index.html

@@ -484,15 +484,14 @@
   <div id="multiselected_panel" class="context_panel clearfix">
     <h4 class="hidable">Multiple Elements</h4>
     
-    <div class="toolset align_buttons" style="position: relative">
+    <div class="toolset align_buttons">
-      <label id="tool_align_relative" style="margin-top: 10px;"> 
+      <label id="tool_align_relative">
-        <select id="align_relative_to" title="Align relative to ...">
+        <select id="align_relative_to" title="Align relative to ..." class="select_tool">
         <option id="selected_objects" value="selected">Align to objects</option>
         <option id="page" value="page">Align to page</option>
         </select>
       </label>
-      <h4>.</h4>
+      <div class="col last clear">
-        <div class="col last clear">
           <div class="draginput_cell" id="tool_alignleft" title="Align Left" data-align="left">
             <svg viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg" width="27" height="27">
               <path d="M 2 1 L 2 5 L 14 5 L 14 11 L 2 11 L 2 16 L 20 16 L 20 22 L 2 22 L 2 26 L 1 26 L 1 1 L 2 1 Z" />