fix: bottom safe area

src/Elements/Elements.scss

@@ -260,6 +260,18 @@
   }
 }
 
+.safe-area #elements {
+  .elements {
+    @include safe-area(padding-bottom, 24px);
+  }
+  .crumbs {
+    @include safe-area(height, 24px);
+  }
+  .element {
+    @include safe-area(padding-bottom, 0px);
+  }
+}
+
 @media screen and (min-width: 680px) {
   #elements {
     .elements {

src/Info/Info.scss

@@ -54,3 +54,7 @@
     }
   }
 }
+
+.safe-area #info {
+  @include safe-area(padding-bottom, 10px);
+}

src/Network/Network.scss

@@ -133,6 +133,12 @@
   }
 }
 
+.safe-area #network {
+  .http {
+    @include safe-area(padding-bottom, 0px);
+  }
+}
+
 @media screen and (min-width: 680px) {
   #network {
     .network {

src/Resources/Resources.scss

@@ -74,3 +74,7 @@
     }
   }
 }
+
+.safe-area #resources {
+  @include safe-area(padding-bottom, 10px);
+}

src/Settings/Settings.scss

@@ -4,3 +4,7 @@
 #settings {
   @include overflow-auto(y);
 }
+
+.safe-area #settings {
+  @include safe-area(padding-bottom, 0px);
+}

src/Snippets/Snippets.scss

@@ -38,3 +38,7 @@
     }
   }
 }
+
+.safe-area #snippets {
+  @include safe-area(padding-bottom, 10px);
+}