Html 使按钮更窄，而不是让它水平填充整个屏幕

我在这个网页上有一个看起来很长的按钮。在这里，它在下面

我使用的是angularjs v1材质

我的网页的html代码如下：

<md-card>
    <md-card-title>
        <md-card-title-text>
            <span class="md-headline">Room settings</span>
        </md-card-title-text>
    </md-card-title>
    <md-card-content>
        <div layout="row" layout-align="space-between center">
            <span>Room</span>
            <md-select ng-model="mode" placeholder="Mode1" class="md-no-underline">
                <md-option value="auto">Mode1</md-option>
                <md-option value="manual">Mode2</md-option>
            </md-select>
            <md-select ng-model="channel_number" placeholder="1" class="md-no-underline">
                <md-option value="1">1</md-option>
                <md-option value="2">2</md-option>
                <md-option value="3">3</md-option>
            </md-select>
        </div>
    </md-card-content>

    <md-button class="md-raised" ng-click="Process()">Button Press</md-button>
<md-card>

房间设置
房间
模式1
模式2
1.
2.
3.
按键

---

我想缩小这个按钮的宽度，使它看起来像一个普通的按钮。我在其他地方使用过类似的代码，如

按钮按下

，除了此网页上，我在那里没有看到此拉长按钮。

按钮正在填充其容器

，请尝试将其放入另一个容器中，演示中的建议是md卡操作：

<md-card-actions layout="row" layout-align="end center">
  <md-button>Action 1</md-button>
  <md-button>Action 2</md-button>
</md-card-actions>

行动1
行动2

在以下位置查看卡片操作演示：

---

按钮正在填充其容器

，尝试将其放入另一个容器中，演示中的建议是md卡操作：

<md-card-actions layout="row" layout-align="end center">
  <md-button>Action 1</md-button>
  <md-button>Action 2</md-button>
</md-card-actions>

行动1
行动2

在以下位置查看卡片操作演示：