Nevertheless, I would like to use even longer lines than the full width of the window. That's why I insist so much (too much? :-)) in a resizable window.

It's not too much at all. :) It will be up to the developers whether to make a change to widen the CSS editor, but I think it will stay the current size and if they do decide to change it later, it won't be for a while.

The feedback is really good to hear though! And I have passed along a lot of your feedback already to the team so we can keep it in mind going forward.

Regarding CSS editing, maybe a good, temporary workaround that you would prefer would be to use a tool like the Live Stylesheets add-on for the Chrome browser. I used to use it extensively before the new CSS editor came out. Here's a link in case you want to check it out:
https://chrome.google.com/webstore/detail/live-stylesheets/epfcdciapgkgjdjkmijgdekgfmocneid?hl=en

I never used it to save local CSS (but I think you can), I just used it for previewing small, local CSS changes. When I got a set of CSS I liked, then I would paste it into the CSS editor. The "prettify" button in the add-on is a nice touch.

I'm trying to either make my main column width wider or move the main column over a bit to the right ... Any insight?

Here is an example to get you started. I increased the overall #wrapper max-width by 200 pixels and changed the #primary width from about 64% to 72%. You can change the numbers until you find a good combination you like.

#wrapper {
	max-width: 1154px;
}
#primary {
	width: 72%;
}

If you have any additional questions, pelase create a separate, new help request for them.

I don't have a small screen (27"), but still, the new tool only allow me to see a few lines of code and short ones.

I believe what you're describing here is a bug. Does the CSS show up at only half the usable space? Here is an example: http://cl.ly/OJvG

I've reported that issue to our developers. While we wait for a response, you should be able to get around it. Try opening another menu item and then click CSS again. In my testing, that made the CSS fill in the entire space it should be using but isn't in some cases.

Note that I also found this particular issue to be limited to WebKit browsers like Chrome and Safari and the problem doesn't happen in Firefox, and you could get around the problem if you're able to switch to Firefox temporarily.

My blog is http://akitchensomewhere.com

wp-admin/themes.php?page=editcss

1. It should be possible to resize the window. Both in width and height. In fact, in height there are much room below which is empty and could be better used with the CSS editor. If the window where I am writing this comment can be resized I am sure resizing the CSS window can't be dificult to add.

2. Don't try to show me the changes without finishing the full sentence. It has no sense to do it as I type it just because the sentence has no sense :-).

3. For the guys like me that has to make a lot of changes in the CSS, a button to switch on/off the live-view of the CSS changes would be very useful, and still will not affect the functionality of the tool.

Thanks a lot and excuse me for the this extra long comment

The problem with the CSS now is that with the new way WordPress.com is doing the CSS, there are several CSS files, not just one, so stuff is sort of scattered around. That was one of the reasons the link was removed from the CSS edit page, that and there were far too many people pasting the entire original CSS into the editor to just make a few minor changes and finding the images used in the theme itself went walkabout.

It is still very new, and I'm sure there will be tweaking going on for a while yet.

This is so true! We've already made a very nice update this week that helped custom fonts work faster—it's so cool when we can find and update stuff like that. :) All the feedback from you guys helps!

Thanks so much for any additional info you can provide!

if you have a not fast connection this take quite a long time and makes introducing changes in the CSS a nightmare

How fast is your connection? You can find out by going to a site such as http://www.speedtest.net/ and then making a screenshot of the results:
http://en.support.wordpress.com/make-a-screenshot/

What OS and OS version are you using?

Is your browser up to date? See http://browsehappy.com/

Do I insert this code into a text widget? How do I use it to make my social media buttons looks the same as they do now except that the image changes on hover?

How do I find the "title" attribute value?

How is page load time affected by uploading images to my media library versus Photobucket?

Thanks again.

First, upload the images to use for the mouseovers into your media library and copy the image links.

For each one, find the "title" attribute value and create a block of CSS like this:

a[title="Flickr"] img {
	display: none;
}
a[title="Flickr"] {
	display: block;
	background: url(http://i1059.photobucket.com/albums/t434/frommartawithlove/BFlickr.png);
	width: 210px;
	height: 46px;
}
a[title="Flickr"]:hover {
	display: block;
	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png);
	width: 210px;
	height: 46px;
}

I used a WordPress logo as an example above, so you'll want to replace the value of the 2nd url() function with the Flickr image you uploaded to your media library.