more space layout

b-lack · Jul 18, 2023 · d1c5727 · d1c5727
1 parent 2c22503
commit d1c5727
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/docs/_sass/mastodon-feed.scss b/docs/_sass/mastodon-feed.scss
@@ -51,7 +51,9 @@ body{
         aspect-ratio: 16/9;
     }
 }
-
+.pf-feed{
+    margin: 50px 0;
+}
 .pf-feed-active{
     #mt-body{
         left: 0;

diff --git a/docs/css/styles.scss b/docs/css/styles.scss
@@ -117,7 +117,7 @@ header{
   margin: 0.2em 0 0.2em;
 }
 .pf-ship-list{
-  margin: 0 auto;
+  margin: 50px auto;
   max-width: 700px;
 }
 .pf-ship-list > *:last-child .pf-ship{
@@ -322,7 +322,7 @@ hr.gf-seperator{
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 70% 7px;
-  margin: 50px 0;
+  margin: 70px 0;
 }
 .pf-pirate-avatar{
   margin: 0 auto;
@@ -613,6 +613,10 @@ footer > *{
   top: 20px;
 }
 @media only screen and (max-width: 800px) {
+  .pf-ship-list{
+    margin: 0 10px;
+    max-width: 700px;
+  }
   .pf-hidden-big{
     display: block;
   }

diff --git a/docs/index.markdown b/docs/index.markdown
@@ -7,18 +7,17 @@ title: The Pirate Forest
 filter: true
 type: pf-type-index
 ---
-<div class="pf-">
+<div class="pf-feed">
     <div class="pf-row pf-feed-line">
         <div><img style="max-width:50px;" src="/assets/birdy.svg" alt="Birdy"></div>
         <div class="pf-row-bottom"><a rel="me" href="https://mastodon.social/@ThePirateForest" target="_blank"><small>more</small></a></div>
         <div class="pf-grow"></div>
     </div>
     {% include mastodon-feed.html %}
 </div>
-
+<!--
 <div class="h4">Filter by Topic</div>
 <div id="pf-tag-men" class="pf-inline-men"></div>
-
 <div id="gf-sorting" class="pf-column">
     <div class="h4">
         Sort by
@@ -27,6 +26,6 @@ type: pf-type-index
         <a class="m-2 pf-meta-timeglass" title="Filter By Time added" onclick="setSorting('time'); return false;" >Time Added</a>
         <a class="m-2 pf-meta-star" title="Filter By Stars" onclick="setSorting('stars'); return false;" >Stars</a>
     </div>
-</div>
+</div> -->
 
-{% include list.html %}
+{% include list.html %}