steve
/
sunrise-cms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix small screen alignment

pull/11/head
Dan Gowans 2025-04-29 13:44:33 -04:00
parent ba0c9f3287
commit 0dcdfaaa8a
1 changed files with 60 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
views/admin-tables.ejs
View File

@ -35,26 +35,22 @@
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level is-mobile"> <div class="columns is-vcentered is-mobile">
<div class="level-left"> <div class="column is-narrow">
<div class="level-item">
<button class="button is-small is-toggle-button" data-tooltip="Toggle Work Order Types" type="button" aria-label="Toggle Work Order Types"> <button class="button is-small is-toggle-button" data-tooltip="Toggle Work Order Types" type="button" aria-label="Toggle Work Order Types">
<span class="icon"> <span class="icon">
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="level-item"> <div class="column">
<h2 class="title is-5 has-text-white">Work Order Types</h2> <h2 class="title is-5 has-text-white">Work Order Types</h2>
</div> </div>
</div> <div class="column is-narrow">
<div class="level-right">
<div class="level-item">
<i class="fas fa-hard-hat" aria-hidden="true"></i> <i class="fas fa-hard-hat" aria-hidden="true"></i>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="panel-block is-hidden"> <div class="panel-block is-hidden">
<table class="table is-fullwidth is-striped is-hoverable has-sticky-header"> <table class="table is-fullwidth is-striped is-hoverable has-sticky-header">
<thead> <thead>
@ -88,26 +84,22 @@
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level is-mobile"> <div class="columns is-vcentered is-mobile">
<div class="level-left"> <div class="column is-narrow">
<div class="level-item">
<button class="button is-small is-toggle-button" data-tooltip="Toggle Work Order Milestone Types" type="button" aria-label="Toggle Work Order Milestone Types"> <button class="button is-small is-toggle-button" data-tooltip="Toggle Work Order Milestone Types" type="button" aria-label="Toggle Work Order Milestone Types">
<span class="icon"> <span class="icon">
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="level-item"> <div class="column">
<h2 class="title is-5 has-text-white">Work Order Milestone Types</h2> <h2 class="title is-5 has-text-white">Work Order Milestone Types</h2>
</div> </div>
</div> <div class="column is-narrow">
<div class="level-right">
<div class="level-item">
<i class="fas fa-hard-hat" aria-hidden="true"></i> <i class="fas fa-hard-hat" aria-hidden="true"></i>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="panel-block is-block is-hidden"> <div class="panel-block is-block is-hidden">
<table class="table is-fullwidth is-striped is-hoverable has-sticky-header"> <table class="table is-fullwidth is-striped is-hoverable has-sticky-header">
<thead> <thead>
@ -141,26 +133,22 @@
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level is-mobile"> <div class="columns is-vcentered is-mobile">
<div class="level-left"> <div class="column is-narrow">
<div class="level-item">
<button class="button is-small is-toggle-button" data-tooltip="Toggle Committal Types" type="button" aria-label="Toggle Committal Types"> <button class="button is-small is-toggle-button" data-tooltip="Toggle Committal Types" type="button" aria-label="Toggle Committal Types">
<span class="icon"> <span class="icon">
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="level-item"> <div class="column">
<h2 class="title is-5 has-text-white">Committal Types</h2> <h2 class="title is-5 has-text-white">Committal Types</h2>
</div> </div>
</div> <div class="column is-narrow">
<div class="level-right">
<div class="level-item">
<i class="fas fa-file-contract" aria-hidden="true"></i> <i class="fas fa-file-contract" aria-hidden="true"></i>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="panel-block is-block is-hidden"> <div class="panel-block is-block is-hidden">
<table class="table is-fullwidth is-striped is-hoverable has-sticky-header"> <table class="table is-fullwidth is-striped is-hoverable has-sticky-header">
<thead> <thead>
@ -194,26 +182,22 @@
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level is-mobile"> <div class="columns is-vcentered is-mobile">
<div class="level-left"> <div class="column is-narrow">
<div class="level-item">
<button class="button is-small is-toggle-button" data-tooltip="Toggle Interment Container Types" type="button" aria-label="Toggle Interment Container Types"> <button class="button is-small is-toggle-button" data-tooltip="Toggle Interment Container Types" type="button" aria-label="Toggle Interment Container Types">
<span class="icon"> <span class="icon">
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="level-item"> <div class="column">
<h2 class="title is-5 has-text-white">Interment Container Types</h2> <h2 class="title is-5 has-text-white">Interment Container Types</h2>
</div> </div>
</div> <div class="column is-narrow">
<div class="level-right">
<div class="level-item">
<i class="fas fa-file-contract" aria-hidden="true"></i> <i class="fas fa-file-contract" aria-hidden="true"></i>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="panel-block is-block is-hidden"> <div class="panel-block is-block is-hidden">
<table class="table is-fullwidth is-striped is-hoverable has-sticky-header"> <table class="table is-fullwidth is-striped is-hoverable has-sticky-header">
<thead> <thead>
@ -256,26 +240,22 @@
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level is-mobile"> <div class="columns is-vcentered is-mobile">
<div class="level-left"> <div class="column is-narrow">
<div class="level-item">
<button class="button is-small is-toggle-button" data-tooltip="Toggle Burial Site Statuses" type="button" aria-label="Toggle Burial Site Statuses"> <button class="button is-small is-toggle-button" data-tooltip="Toggle Burial Site Statuses" type="button" aria-label="Toggle Burial Site Statuses">
<span class="icon"> <span class="icon">
<i class="fas fa-plus" aria-hidden="true"></i> <i class="fas fa-plus" aria-hidden="true"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="level-item"> <div class="column">
<h2 class="title is-5 has-text-white">Burial Site Statuses</h2> <h2 class="title is-5 has-text-white">Burial Site Statuses</h2>
</div> </div>
</div> <div class="column is-narrow">
<div class="level-right">
<div class="level-item">
<i class="fas fa-vector-square" aria-hidden="true"></i> <i class="fas fa-vector-square" aria-hidden="true"></i>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="panel-block is-block is-hidden"> <div class="panel-block is-block is-hidden">
<table class="table is-fullwidth is-striped is-hoverable has-sticky-header"> <table class="table is-fullwidth is-striped is-hoverable has-sticky-header">
<thead> <thead>