Skip to content

Instantly share code, notes, and snippets.

@Ciantic
Created October 10, 2012 19:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Ciantic/3867794 to your computer and use it in GitHub Desktop.
Save Ciantic/3867794 to your computer and use it in GitHub Desktop.
Web.Tweetdeck.com hack: smaller and inline avatars
/*
Edit User StyleSheet of Chrome:
Windows:
C:\Users\YOURUSERNAME\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
Create the file if it does not exist. Similar file is in Firefox too.
*/
/* Tweet Deck */
/* Move avatar to same line + smaller */
.js-chirp-container .tweet-avatar { width: 28px !important; height: 28px !important; }
.js-chirp-container .tweet-img { margin-left: -19px !important; margin-right: 6px !important; }
.js-chirp-container .tweet { padding-left: 0 !important; }
/* Tighten the tweet box */
.js-chirp-container .item-box { padding: 7px 9px !important; }
/* Make scrollbars smaller */
.s-large-scrollbars .scroll-v::-webkit-scrollbar { width: 5px !important; }
/* Column spacing */
.app-columns .column { margin-right: 2px !important; }
@Ciantic
Copy link
Author

Ciantic commented Oct 11, 2012

To resize columns just modify last line, e.g.

app-columns .column { margin-right: 2px !important; width: 150px !important; }

@Ciantic
Copy link
Author

Ciantic commented Oct 11, 2012

(in comment above, notice that I copy pasted it a bit incorrectly, it is missing "." from the beginning of line)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment