Not sure if this is the right community, but the narrowness of the default web page was driving me a little crazy. I still need to fix a few things (like vertically centering the votes) but I feel that this looks a lot better. If you have the Stylus browser add on, you should just be able to copy and paste this into a new style

@media (min-width:1400px) {
       .container,
       .container-lg,
       .container-md,
       .container-sm,
       .container-xl {
           max-width: 2200px;
       }
       .col-sm-2 {
           flex: 0 0 8%;
           max-width: 8%;
           display: flex;
           align-items: center;
           text-align: center;
       }
   }

   h5 {
       margin-bottom: .05rem!important;
   }
   .thumbnail {
       object-fit: cover;
       min-height: 60px;
       max-height: 80px;
       max-width: 80px;
       min-width: 80px;
       width: 100%;
   }
   .btn-block {
       margin-top: 1rem!important;
   }
   .mb-1,
   .my-1 {
       margin-top: .3rem!important;
       margin-bottom: .3rem!important;
   }
   .my-3 {
       margin-top: .3rem!important;
       margin-bottom: .5rem!important;
   }

   .vote-bar {
       min-width: 80px;
   }
    • mustyOrange@beehaw.orgOP
      link
      fedilink
      arrow-up
      1
      ·
      edit-2
      1 year ago

      No clue, Im not a mod haha. I hope it wouldnt be too hard to change locally for beehaw - small stuff like this could keep people from going to kbin, which currently has a much better front page ui. Honestly, Im surprised the main lemmy branch has as shitty a front end as it does. Im a back end web dev, and it bothers me, which means it could use a lot of work lol.

      The biggest problem though is that i doubt its compatible at all with phones. Not quite sure what the best way to solve that issue would be. Id imagine most mobile users have jerboa or mlem tho