モバイル版のボタンの間にスペースを設けたい

kintone カスタマイズ
1

2つのボタンをモバイル版で設置しているのですが、隣接して表示されるために間違えて押しかねないということなので2つのボタンの間にスペースを設けたいと思いました。

とりあえず何の機能もないボタンを間に設置することで解消しようと思っているのですが、下記のコードでは表示されずどうにもなりませんでした。何か修正や別の方法はないでしょうか。

 

 

(function() {
  'use strict';
  kintone.events.on('mobile.app.record.edit.show', function(event) {
      
    const date = luxon.DateTime.local();
    
    const mySpaceFieldButton = document.createElement('button');
    mySpaceFieldButton.id = 'my_space_field_button';
    mySpaceFieldButton.innerText = '出勤';
    mySpaceFieldButton.onclick = () => {
      
      var syutu = kintone.mobile.app.record.get();
            syutu.record['入'].value = date.toFormat('HH:mm');
            kintone.mobile.app.record.set(syutu);     
    };
    kintone.mobile.app.getHeaderSpaceElement('sb').appendChild(mySpaceFieldButton);
    
    
    
    
    
    
      const mySpaceFieldButton2 = document.createElement('button');
      mySpaceFieldButton2.id = 'my_space_field_button2';
      mySpaceFieldButton2.innerText = ' ____';
      
      
      
      
    
    
      
     const mySpaceFieldButton1 = document.createElement('button');
    mySpaceFieldButton1.id = 'my_space_field_button1';
    mySpaceFieldButton1.innerText = '退勤';
    mySpaceFieldButton1.onclick = () => {
       
      var tai = kintone.mobile.app.record.get();
            tai.record['退'].value = date.toFormat('HH:mm');
            kintone.mobile.app.record.set(tai);  
          };
    kintone.mobile.app.getHeaderSpaceElement('tb').appendChild(mySpaceFieldButton1);

    return event;   
  });
})();
2

間に０文字のラベルを入れるのが簡単だと思います。
（このくらい離れます）

もっと離したいなら、改行を入れるといいですよ。

3

質問が分かりにくくてすみませんでした。

上記の状態でモバイル版のヘッダー直下の空白の部分にボタンを配置しているため、ラベルを入れて簡単に済ませることができませんでした。

この密着している二つのボタンの間にスペースを作りたいと思っています。

 

 

4

失礼しました。本文だけ読んで、コードをちゃんと読んでいませんでした。

詳細画面メニュー右側の空白部分へ、間隔をあけて複数ボタン設置したい – cybozu developer network
私もあまり詳しくはないのですが、こちらで解決しませんか？

5

ありがとうございます、解決しました。

6

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。