Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2025-11-16 10:16:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve icon placements for buttons

Browse Source
This commit is contained in:
usmannasir
2025-04-12 16:07:34 +05:00
parent f08f7aabb6
commit 6b941d5feb
1 changed files with 45 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
websiteFunctions/templates/websiteFunctions/DockerSiteHome.html
View File

@@ -853,6 +853,42 @@
.btn span { .btn span {
display: inline-block; display: inline-block;
} }
/* Fix button icon spacing once and for all */
.btn {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 8px 16px;
}
.btn i.fa {
margin-right: 0; /* Remove margin since we're using gap */
font-size: 14px;
line-height: 1;
}
/* Ensure consistent button spacing in button groups */
.btn-group .btn {
margin: 0 2px;
}
/* Fix action button spacing */
.action-buttons .btn {
margin-right: 5px;
}
/* Override any other styles that might affect button icons */
button i.fa,
a.btn i.fa {
margin: 0 !important; /* Remove any other margins */
position: static !important; /* Prevent positioning issues */
}
/* Keep the rest of the icon spacing rules */
i.fa:not(.btn i.fa) {
margin-right: 10px;
}
</style> </style>
<script> <script>
@@ -1093,19 +1129,19 @@
</h3> </h3>
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-success" ng-click="handleAction('start', web)" ng-if="web.status !== 'running'"> <button class="btn btn-success" ng-click="handleAction('start', web)" ng-if="web.status !== 'running'">
<i class="fa fa-play"></i>Start <i class="fa fa-play"></i><span>Start</span>
</button> </button>
<button class="btn btn-warning" ng-click="handleAction('restart', web)" ng-if="web.status === 'running'"> <button class="btn btn-warning" ng-click="handleAction('restart', web)" ng-if="web.status === 'running'">
<i class="fa fa-refresh"></i>Restart <i class="fa fa-refresh"></i><span>Restart</span>
</button> </button>
<button class="btn btn-danger" ng-click="handleAction('stop', web)" ng-if="web.status === 'running'"> <button class="btn btn-danger" ng-click="handleAction('stop', web)" ng-if="web.status === 'running'">
<i class="fa fa-stop"></i>Stop <i class="fa fa-stop"></i><span>Stop</span>
</button> </button>
<button class="btn btn-primary" ng-click="openSettings(web)"> <button class="btn btn-primary" ng-click="openSettings(web)">
<i class="fa fa-cog"></i>Settings <i class="fa fa-cog"></i><span>Settings</span>
</button> </button>
<a class="btn btn-info" href="http://{$ location.hostname $}:{$ web.ports['5678/tcp'][0].HostPort $}" target="_blank" ng-if="web.status === 'running'"> <a class="btn btn-info" href="http://{$ location.hostname $}:{$ web.ports['5678/tcp'][0].HostPort $}" target="_blank" ng-if="web.status === 'running'">
<i class="fa fa-external-link"></i>Open n8n <i class="fa fa-external-link"></i><span>Open n8n</span>
</a> </a>
</div> </div>
</div> </div>