私は Vaadin フレームワークを初めて使用します。現在、Eclipse vaadin プラグインを使用して、Quciktickets ダッシュボードのフロント ページでデモを再構築することにより、それを学ぼうとしています。現在、テーマで css を使用して、そのページのサイドバー部分を構成しています。
私の問題は、サイドバーにボタンを追加した後、ボタン同士が離れすぎているように見えることです。どうすれば修正できますか？パディングを使用しようとしましたが、ブロック間の間隔を変更したい間、ボタン ブロックのサイズのみが変更されます。このような初歩的な質問に注意を払ったり、ヒントを与えたりする人には感謝します。
コードはnativebuttonレイアウトを定義します:
.sidebar .sidemenu .v-nativebutton {
-webkit-appearance: none;
display: block;
padding: 10px 14px 10px;
width: 100%;
border: none;
margin: 0;
/*position: relative;*/
border-top: 1px solid #4b4c4d;
border-top-color: rgba(255,255,255,.05);
border-bottom: 1px solid #353637;
border-bottom-color: rgba(0,0,0,.18);
background:transparent;
color: #888a8c;
font-weight: normal;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
text-align:center;
}