APIToolkit/Settings.xaml

<?xml version="1.0" encoding="utf-8"?>
<Page
    x:Class="APIToolkit.Settings"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:APIToolkit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Margin="36,36,36,36" x:Name="Settings_MainGrid">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!--Margin: Left Top Right Bottom-->

        <Expander Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" HorizontalAlignment="Stretch" HorizontalContentAlignment="Left" IsExpanded="True">
            <Expander.Header>
                <StackPanel Orientation="Horizontal">
                    <FontIcon Glyph="&#xE8D7;" Margin="0,0,12,0"/>
                    <TextBlock Text="Authentication"/>
                </StackPanel>
            </Expander.Header>
            <Expander.Content>
                <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
                    <TextBlock Text="Token" Margin="0,0,12,0" VerticalAlignment="Center"/>
                    <PasswordBox MinWidth="300" Margin="0,0,12,0"/>
                    <Button Content="Save"/>
                </StackPanel>
            </Expander.Content>
        </Expander>


        <Expander Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" HorizontalAlignment="Stretch" HorizontalContentAlignment="Left">
            <Expander.Header>
                <StackPanel Orientation="Horizontal">
                    <FontIcon Glyph="&#xE9D9;" Margin="0,0,12,0"/>
                    <TextBlock Text="Diagnostics (HTTP Headers)"/>
                </StackPanel>
            </Expander.Header>
            <Expander.Content>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition MinHeight="30"/>
                        <RowDefinition MinHeight="30"/>
                        <RowDefinition MinHeight="30"/>
                        <RowDefinition MinHeight="30"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <Button Content="Refresh" Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" Margin="0,12,0,0" Click="SettingsHeadersRefresh"/>

                    <TextBlock Grid.Column="0" Grid.Row="0" Text="User Agent" VerticalAlignment="Center"/>
                    <TextBlock Grid.Column="0" Grid.Row="1" Text="Cloudflare Connecting IP" VerticalAlignment="Center"/>
                    <TextBlock Grid.Column="0" Grid.Row="2" Text="Cloudflare IP Country" VerticalAlignment="Center"/>
                    <TextBlock Grid.Column="0" Grid.Row="3" Text="Cloudflare Ray ID" VerticalAlignment="Center"/>

                    <TextBlock Grid.Column="1" Grid.Row="0" Text="" Name="SettingsHeadersUserAgent" VerticalAlignment="Center" FontFamily="Consolas" IsTextSelectionEnabled="True" TextWrapping="Wrap"/>
                    <TextBlock Grid.Column="1" Grid.Row="1" Text="" Name="SettingsHeadersConnectingIp" VerticalAlignment="Center" FontFamily="Consolas" IsTextSelectionEnabled="True"/>
                    <TextBlock Grid.Column="1" Grid.Row="2" Text="" Name="SettingsHeadersIpCountry" VerticalAlignment="Center" FontFamily="Consolas" IsTextSelectionEnabled="True"/>
                    <TextBlock Grid.Column="1" Grid.Row="3" Text="" Name="SettingsHeadersRayId" VerticalAlignment="Center" FontFamily="Consolas" IsTextSelectionEnabled="True"/>

                </Grid>
            </Expander.Content>
        </Expander>

        <Expander Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2" HorizontalAlignment="Stretch" HorizontalContentAlignment="Left">
            <Expander.Header>
                <StackPanel Orientation="Horizontal">
                    <FontIcon Glyph="&#xE946;" Margin="0,0,12,0"/>
                    <TextBlock Text="Information"/>
                </StackPanel>
            </Expander.Header>
            <Expander.Content>
                <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
                    <Image Source="Assets/Subject.png" MaxWidth="300"/>
                    <StackPanel VerticalAlignment="Center" Margin="36,0,0,0">
                        <TextBlock Text="Enstrayed API Toolkit" FontSize="32" Margin="0,0,0,8"/>
                        <TextBlock Name="SettingsVersionLabel" FontSize="16" Margin="0,0,0,12"/>
                    </StackPanel>
                </StackPanel>
            </Expander.Content>
        </Expander>
    </Grid>
</Page>