Refined UserCSS for a Streamlined ChatGPT Interface Experience

Community
1

I am uncertain if this qualifies as a project of significance; however, I have found the ChatGPT user interface to be rather bulky and cumbersome for my personal taste. Consequently, I have crafted a UserCSS to address this concern:

nav > div > .flex { 
  padding: 2px;
  gap: 1px;
}

nav a {
    padding: 1px !important;
    border-radius: 0px !important;
    border: none;
    margin: 0px 10px !important;
}

nav a:hover { background-color: green !important; }
nav a.bg-gray-800 { 
  outline: solid 0.5px;
  outline-offset: 0.5px;
}
nav a button {
  background-color: rgb(68, 70, 83);
  border-radius: 4px;
}

I hope this modest solution might be of some assistance to others.

1 Like