如何在vaadin中调整按钮之间的间距?

时间:2013-03-15 13:13:19

标签: css sass vaadin

我是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;  
}

0 个答案:

没有答案