Commit 0a46dd31 authored by Jakob Moser's avatar Jakob Moser
Browse files

Change alinment of reset button

parent 0f65dab0

static/css/test.css

+15 −1
Original line number Diff line number Diff line
@@ -8,9 +8,23 @@ aside { 
    height: 100vh;

    padding: 15px 20px;

    background-color: #334859;

    display: grid;

    grid-template-areas: 

    "start"

    "middle"

    "end";

}



aside section.start {

    grid-area: start;

}



aside section.end {

    grid-area: end;

    align-self: end;

}



aside > a, aside > i {

aside section > a, aside section > i {

    display: block;

    margin-bottom: 32px;

}

static/test.html

+9 −5
Original line number Diff line number Diff line
@@ -68,11 +68,15 @@ 
    </div>



    <aside>

        <section class="start">

            <a href="/" title="Startseite"><i class="bi bi-house-door" aria-label="Startseite"></i></a>

            <i class="bi bi-envelope-check clickable" data-action="hand-in" title="Abgeben" aria-label="Abgeben"></i>

            <i class="bi bi-question-circle clickable" data-action="welcome-again" title="Willkommensnachricht erneut zeigen" aria-label="Willkommensnachricht erneut zeigen"></i>

        <i class="bi bi-trash clickable" data-action="reset" title="Alles zurücksetzen und von vorne beginnen" aria-label="Alles zurücksetzen und von vorne beginnen"></i>

            <!-- <i class="open-zammad-chat bi bi-chat-dots clickable" title="Support aus der Gruppe Technik per Chat erhalten"></i>-->

        </section>

        <section class="end">

            <i class="bi bi-trash clickable" data-action="reset" title="Alles zurücksetzen und von vorne beginnen" aria-label="Alles zurücksetzen und von vorne beginnen"></i>

        </section>

    </aside>

    <div id="term_wrap">

        <div id="term_container"></div>