Merge branch 'dev' of github.com:GoogleChromeLabs/squoosh into preprocessor-transformations-rebased

src/client/lazy-app/Compress/Output/index.tsx

@@ -362,7 +362,7 @@ export default class Output extends Component<Props, State> {
                 <span class={style.zoomValue}>{Math.round(scale * 100)}</span>%
               </span>
             )}
-            <button class={style.button} onClick={this.zoomIn}>
+            <button class={style.lastButton} onClick={this.zoomIn}>
               <AddIcon />
             </button>
 

src/client/lazy-app/Compress/Output/style.css

@@ -122,6 +122,17 @@
   }
 }
 
+.first-button {
+  composes: button;
+  border-radius: 6px 0 0 6px;
+}
+
+.last-button {
+  composes: button;
+  border-radius: 0 6px 6px 0;
+  border-left-width: 1px;
+}
+
 .zoom {
   cursor: text;
   width: 7rem;