updates calendar webpage flex container
This commit is contained in:
		@@ -4,12 +4,14 @@
 | 
				
			|||||||
<div class="container">
 | 
					<div class="container">
 | 
				
			||||||
    <div style="width: 4rem;margin:1rem;"></div>
 | 
					    <div style="width: 4rem;margin:1rem;"></div>
 | 
				
			||||||
    <div style="width: 10rem; margin: 1rem; font-weight: bold">Calendar</div>
 | 
					    <div style="width: 10rem; margin: 1rem; font-weight: bold">Calendar</div>
 | 
				
			||||||
    <div style="width: 5rem; margin: 1rem; padding-right: 1rem;font-weight: bold">Show on device</div>
 | 
					    <div style="display: inline-flex">
 | 
				
			||||||
    <div style="width: 2rem; margin: 1rem;font-weight: bold">Color</div>
 | 
					        <div style="width: 5rem; margin: 1rem; padding-right: 1rem;font-weight: bold">Show on device</div>
 | 
				
			||||||
 | 
					        <div style="width: 2rem; margin: 1rem;font-weight: bold">Color</div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
</div>
 | 
					</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    {% for item in calendars %}
 | 
					    {% for item in calendars %}
 | 
				
			||||||
    <div class="container">
 | 
					    <div class="container" style="margin-top: 1.5rem">
 | 
				
			||||||
        <!--action button-->
 | 
					        <!--action button-->
 | 
				
			||||||
        {% if "ical" == item.calType %} 
 | 
					        {% if "ical" == item.calType %} 
 | 
				
			||||||
        <div style="width: 4rem; margin: 1rem;">
 | 
					        <div style="width: 4rem; margin: 1rem;">
 | 
				
			||||||
@@ -22,10 +24,10 @@
 | 
				
			|||||||
        <div style="width: 4rem; margin: 1rem;"></div>
 | 
					        <div style="width: 4rem; margin: 1rem;"></div>
 | 
				
			||||||
        {% endif %}
 | 
					        {% endif %}
 | 
				
			||||||
        <!--Name-->
 | 
					        <!--Name-->
 | 
				
			||||||
        <div style="width: 10rem; margin: 1rem;">{{ item.name }}</div>
 | 
					        <div style="width: 10rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem">{{ item.name }}</div>
 | 
				
			||||||
        <div style="display: inline-flex">
 | 
					        <div style="display: inline-flex">
 | 
				
			||||||
        <!--Toggle-->
 | 
					        <!--Toggle-->
 | 
				
			||||||
        <div style="width: 5rem; margin: 1rem; padding-right: 1rem">
 | 
					        <div style="width: 5rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem; padding-right: 1rem">
 | 
				
			||||||
            <!-- Rounded switch -->
 | 
					            <!-- Rounded switch -->
 | 
				
			||||||
            <label class="switch">
 | 
					            <label class="switch">
 | 
				
			||||||
                <input class="toggle" id={{item.calendarId}} type="checkbox" toggled={{item.toggle}} onclick="toggleReaction(this)">
 | 
					                <input class="toggle" id={{item.calendarId}} type="checkbox" toggled={{item.toggle}} onclick="toggleReaction(this)">
 | 
				
			||||||
@@ -34,7 +36,7 @@
 | 
				
			|||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <!--Color Selector-->
 | 
					        <!--Color Selector-->
 | 
				
			||||||
        <div style="width: 2rem; margin: 1rem;">
 | 
					        <div style="width: 2rem; margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem">
 | 
				
			||||||
        <div class="colorPickSelector" id={{item.calendarId}}  defaultColor={{item.color}}></div>
 | 
					        <div class="colorPickSelector" id={{item.calendarId}}  defaultColor={{item.color}}></div>
 | 
				
			||||||
            <!--svg height="20" width="20">
 | 
					            <!--svg height="20" width="20">
 | 
				
			||||||
                <circle cx="10" cy="10" r="10" stroke="black" stroke-width="0" fill={{ item.color }} />
 | 
					                <circle cx="10" cy="10" r="10" stroke="black" stroke-width="0" fill={{ item.color }} />
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -7,7 +7,7 @@
 | 
				
			|||||||
</div>
 | 
					</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<h3 style="margin-left:10rem">Summary</h3>
 | 
					<h3 style="margin-left:10rem">Summary</h3>
 | 
				
			||||||
<div style="margin-left:10rem; margin-right:10rem;">This Privacy Statement desrcibes how Longitude handles your data and how the developer makes sure, that the user's information remains as secure as possible.
 | 
					<div style="margin-left:10rem; margin-right:10rem;">This Privacy Statement describes how Longitude handles your data and how the developer makes sure, that the user's information remains as secure as possible.
 | 
				
			||||||
This application does not share any user information with third parties and takes care to only save the minimum amount of information about the user.
 | 
					This application does not share any user information with third parties and takes care to only save the minimum amount of information about the user.
 | 
				
			||||||
The following chapters cover all essential points of interest about which information is saved and when it is removed from the server.
 | 
					The following chapters cover all essential points of interest about which information is saved and when it is removed from the server.
 | 
				
			||||||
If you have any further questions or suggestions, please email us at <a href="mailto:raphael@maenle.net">raphael@maenle.net</a>.</div>
 | 
					If you have any further questions or suggestions, please email us at <a href="mailto:raphael@maenle.net">raphael@maenle.net</a>.</div>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user