erp5_document_scanner: Improve UI

bt5/erp5_document_scanner/SkinTemplateItem/portal_skins/erp5_document_scanner/gadget_document_scanner.css.css

@@ -53,9 +53,10 @@ div[data-gadget-scope="field_your_document_scanner_gadget"] {
 
 .reset-btn, .confirm-btn, .edit-btn, .take-picture-btn,
     .capture-btn, .change-camera-btn, .confirm-btn {
-  font-size: 44px;
   color: #212529;
-  padding: 0 16px 0 16px;
+  padding: 3pt;
+  border: 1px solid rgba(0, 0, 0, 0.14);
+  border-radius: 0.325em;
 }
 
 .take-picture-btn, .capture-btn, .confirm-btn,

bt5/erp5_document_scanner/SkinTemplateItem/portal_skins/erp5_document_scanner/gadget_document_scanner.html.html

@@ -24,11 +24,11 @@
         <input type="hidden" name="page-number" value="1">
       </div>
       <div class="edit-picture">
-        <button type="button" class="reset-btn ui-btn-icon-left ui-icon-times"></button>
-        <button type="button" class="take-picture-btn ui-btn-icon-left ui-icon-circle"></button>
-        <button type="button" class="confirm-btn ui-btn-icon-left ui-icon-check"></button>
-        <button type="button" class="edit-btn ui-btn-icon-left ui-icon-pencil"></button>
-        <button type="button" class="change-camera-btn ui-btn-icon-left ui-icon-refresh"></button>
+        <button type="button" class="reset-btn ui-icon-times ui-btn-icon-left"> Reset</button>
+        <button type="button" class="take-picture-btn ui-icon-circle ui-btn-icon-left"> Take Picture</button>
+        <button type="button" class="confirm-btn ui-icon-check ui-btn-icon-left"> Confirm</button>
+        <button type="button" class="edit-btn ui-icon-pencil ui-btn-icon-left"> Edit</button>
+        <button type="button" class="change-camera-btn ui-icon-refresh ui-btn-icon-left"> Change Camera</button>
       </div>
     </div>
   </body>